From 7abb8a6056f78bffb8906b733a102711aa7a3464 Mon Sep 17 00:00:00 2001 From: toasted-nutbread Date: Sun, 21 Feb 2021 17:47:46 -0500 Subject: [PATCH] Update tag display styles (#1433) --- ext/css/display.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/ext/css/display.css b/ext/css/display.css index 0779d44e..ba20838c 100644 --- a/ext/css/display.css +++ b/ext/css/display.css @@ -65,9 +65,9 @@ --tag-font-size-no-units: 11; --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: calc(1em * (var(--tag-border-size-no-units) / var(--tag-font-size-no-units))); - --tag-border-style: none; + --tag-border-size-no-units: 1; + --tag-border-size: calc(1em * (var(--tag-border-size-no-units) / var(--font-size-no-units))); + --tag-border-style: solid; --tag-font-weight: bold; --compact-list-separator: ' | '; @@ -682,6 +682,7 @@ button.action-button[data-icon=source-term]::before { border: none; border-right: none; font-size: 1em; + vertical-align: middle; margin: calc(1em / var(--font-size-no-units)) 0.375em calc(1em / var(--font-size-no-units)) 0; } .tag-label { @@ -695,10 +696,12 @@ button.action-button[data-icon=source-term]::before { cursor: pointer; } .tag-label-content { + display: block; font-size: var(--tag-font-size); font-weight: var(--tag-font-weight); } .tag-body { + display: block; position: relative; padding: 0 0.375em 0 0.375em; } @@ -715,8 +718,10 @@ button.action-button[data-icon=source-term]::before { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; + pointer-events: none; } .tag-body-content { + display: block; position: relative; } .tag:not(.tag-has-body)>.tag-body {