aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-01-23 20:24:52 -0500
committerGitHub <noreply@github.com>2021-01-23 20:24:52 -0500
commit85c039850c45246e367e194232e5ace8771f14e7 (patch)
treebe2fdfee93d7915002cb71bd522e2bfe549203a5 /ext/mixed/css/display.css
parent643afcddd21ba7f5d1307e73bab4a6ac9f2866c8 (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.css16
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 */