mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-08 01:16:52 +02:00
Code Issues Releases Wiki Activity

fix: tag selection icon alignment (#4153)

Browse Source
This commit is contained in:
Sami Mazouz
2025-01-03 17:06:44 +01:00
committed by GitHub
parent a3461a8020
commit 1bdfb66f6c
2 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
extensions/tags/less/common/TagIcon.less
View File

@@ -3,8 +3,6 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
display: inline-block; display: inline-block;
vertical-align: -3px;
margin-left: 1px;
background: var(--color, var(--control-bg)); background: var(--color, var(--control-bg));
&.untagged { &.untagged {

21
extensions/tags/less/common/TagSelectionModal.less
View File

@@ -57,6 +57,8 @@
position: absolute; position: absolute;
inset: 0; inset: 0;
display: none; display: none;
align-items: center;
justify-content: center;
background-color: transparent; background-color: transparent;
} }
@@ -76,6 +78,8 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: pointer; cursor: pointer;
display: flex;
align-items: center;
&.pinned:not(.child) { &.pinned:not(.child) {
padding-top: 10px; padding-top: 10px;
@@ -99,16 +103,9 @@
background: var(--control-bg); background: var(--control-bg);
} }
.icon::before {
display: inline-block;
width: 16px;
text-align: center;
vertical-align: middle;
}
&.selected { &.selected {
.SelectTagListItem-checkIcon { .SelectTagListItem-checkIcon {
display: inline-block; display: inline-flex;
color: var(--muted-color); color: var(--muted-color);
font-size: 14px; font-size: 14px;
} }
@@ -123,10 +120,12 @@
} }
.SelectTagListItem-icon { .SelectTagListItem-icon {
position: relative; position: relative;
display: inline-block; display: inline-flex;
vertical-align: top; align-items: center;
margin-top: 3px; justify-content: center;
margin-left: 0; margin-left: 0;
height: 16px;
width: 16px;
} }
.SelectTagListItem-name { .SelectTagListItem-name {
display: inline-block; display: inline-block;