Proper SVG view mode icon alignments.

This commit is contained in:
mateuswetah 2021-01-22 17:51:13 -03:00
parent 912ae47e5c
commit 19dd6b4b29
3 changed files with 13 additions and 2 deletions

View File

@ -1262,7 +1262,9 @@ export default {
white-space: normal;
}
/deep/ svg {
margin: 0 0 -8px -3px;
margin-left: -2px;
overflow: hidden;
vertical-align: middle;
}
}

View File

@ -8,6 +8,8 @@
align-items: center;
svg {
fill: var(--tainacan-secondary);
overflow: hidden;
vertical-align: middle;
}
}
.gray-icon {
@ -57,7 +59,10 @@
&:hover { background-color: var(--tainacan-input-border-color); }
.is-small { color: var(--tainacan-info-color); }
&.is-active { background-color: var(--tainacan-primary); }
svg {
overflow: hidden;
vertical-align: middle;
}
.media {
display: flex;
align-items: center;

View File

@ -1449,6 +1449,8 @@
max-width: 1.25em;
svg {
color: var(--tainacan-info-color) !important;
overflow: hidden;
vertical-align: middle;
}
}
.has-text-secondary.gray-icon .icon i::before,
@ -1456,6 +1458,8 @@
color: var(--tainacan-secondary) !important;
svg {
fill: var(--tainacan-secondary) !important;
overflow: hidden;
vertical-align: middle;
}
}