alex/yomichan
1
Fork 0
Code Releases Activity

Update tag display styles (#1433)

Browse Source
This commit is contained in:
toasted-nutbread 2021-02-21 17:47:46 -05:00 committed by GitHub
parent e8d22b883b
commit 7abb8a6056
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ext/css/display.css
View File

@ -65,9 +65,9 @@
--tag-font-size-no-units: 11; --tag-font-size-no-units: 11;
--tag-font-size: calc(1em * var(--tag-font-size-no-units) / var(--font-size-no-units)); --tag-font-size: calc(1em * var(--tag-font-size-no-units) / var(--font-size-no-units));
--tag-border-size-no-units: 0; --tag-border-size-no-units: 1;
--tag-border-size: calc(1em * (var(--tag-border-size-no-units) / var(--tag-font-size-no-units))); --tag-border-size: calc(1em * (var(--tag-border-size-no-units) / var(--font-size-no-units)));
--tag-border-style: none; --tag-border-style: solid;
--tag-font-weight: bold; --tag-font-weight: bold;
--compact-list-separator: ' | '; --compact-list-separator: ' | ';
@ -682,6 +682,7 @@ button.action-button[data-icon=source-term]::before {
border: none; border: none;
border-right: none; border-right: none;
font-size: 1em; font-size: 1em;
vertical-align: middle;
margin: calc(1em / var(--font-size-no-units)) 0.375em calc(1em / var(--font-size-no-units)) 0; margin: calc(1em / var(--font-size-no-units)) 0.375em calc(1em / var(--font-size-no-units)) 0;
} }
.tag-label { .tag-label {
@ -695,10 +696,12 @@ button.action-button[data-icon=source-term]::before {
cursor: pointer; cursor: pointer;
} }
.tag-label-content { .tag-label-content {
display: block;
font-size: var(--tag-font-size); font-size: var(--tag-font-size);
font-weight: var(--tag-font-weight); font-weight: var(--tag-font-weight);
} }
.tag-body { .tag-body {
display: block;
position: relative; position: relative;
padding: 0 0.375em 0 0.375em; padding: 0 0.375em 0 0.375em;
} }
@ -715,8 +718,10 @@ button.action-button[data-icon=source-term]::before {
border-left: none; border-left: none;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
pointer-events: none;
} }
.tag-body-content { .tag-body-content {
display: block;
position: relative; position: relative;
} }
.tag:not(.tag-has-body)>.tag-body { .tag:not(.tag-has-body)>.tag-body {