diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-01-23 20:24:52 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-23 20:24:52 -0500 |
| commit | 85c039850c45246e367e194232e5ace8771f14e7 (patch) | |
| tree | be2fdfee93d7915002cb71bd522e2bfe549203a5 /ext/mixed/css/display.css | |
| parent | 643afcddd21ba7f5d1307e73bab4a6ac9f2866c8 (diff) | |
Audio play button status badge (#1300)
* Add plus-thick.svg
* Add success-color variable
* Fix icon display
* Add badge
* Add missing audioResolved
* Update audio badge
* Expose attribute
Diffstat (limited to 'ext/mixed/css/display.css')
| -rw-r--r-- | ext/mixed/css/display.css | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index ccdb2d9c..003d0962 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -551,6 +551,7 @@ button.action-button { background: transparent; font-size: inherit; box-shadow: none; + position: relative; transition: opacity var(--animation-duration) linear, visibility 0s linear 0s, @@ -615,6 +616,21 @@ button.action-button[data-icon=source-term]::before { .entry[data-type=term][data-expression-multi=true] .actions>button.action-button.action-play-audio { display: none; } +.action-button-badge { + pointer-events: none; + position: absolute; + display: block; + right: 0; + top: 0; + width: calc(8em / var(--font-size-no-units)); + height: calc(8em / var(--font-size-no-units)); +} +.action-button-badge[data-icon=cross] { + background-color: var(--danger-color); +} +.action-button-badge[data-icon=plus-thick] { + background-color: var(--success-color); +} /* Tags */ |