From 3e17f2c37601b92e5bef822f8fd359fe67bad666 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Tue, 4 Mar 2025 16:59:36 -0700 Subject: [PATCH] Update CSS to accomodate HUD applications without being too broad --- module/Apps/DelveDiceHUD.mjs | 1 + templates/css/common.css | 2 +- templates/css/elements/button.css | 3 ++- templates/css/elements/input.css | 1 + templates/css/elements/lists.css | 1 + templates/css/elements/p.css | 1 + templates/css/elements/pill-bar.css | 1 + templates/css/elements/select.css | 1 + templates/css/elements/span.css | 1 + templates/css/elements/table.css | 1 + templates/css/themes/light.css | 2 +- 11 files changed, 12 insertions(+), 3 deletions(-) diff --git a/module/Apps/DelveDiceHUD.mjs b/module/Apps/DelveDiceHUD.mjs index ae35895..a525c3a 100644 --- a/module/Apps/DelveDiceHUD.mjs +++ b/module/Apps/DelveDiceHUD.mjs @@ -30,6 +30,7 @@ export class DelveDiceHUD extends HandlebarsApplicationMixin(ApplicationV2) { classes: [ `ripcrypt`, `ripcrypt--DelveDiceHUD`, + `hud`, ], window: { frame: false, diff --git a/templates/css/common.css b/templates/css/common.css index 5b99ab4..f11d646 100644 --- a/templates/css/common.css +++ b/templates/css/common.css @@ -30,4 +30,4 @@ label, input, select { cursor: pointer; } -} \ No newline at end of file +} diff --git a/templates/css/elements/button.css b/templates/css/elements/button.css index 0493fe8..6eee9d8 100644 --- a/templates/css/elements/button.css +++ b/templates/css/elements/button.css @@ -1,4 +1,5 @@ -.ripcrypt button { +.ripcrypt.hud button, +.ripcrypt > .window-content button { all: revert; outline: none; border: none; diff --git a/templates/css/elements/input.css b/templates/css/elements/input.css index 34604d4..3121505 100644 --- a/templates/css/elements/input.css +++ b/templates/css/elements/input.css @@ -1,3 +1,4 @@ +.ripcrypt.hud, .ripcrypt > .window-content { input, .input { all: revert; diff --git a/templates/css/elements/lists.css b/templates/css/elements/lists.css index 2173bfd..2940b37 100644 --- a/templates/css/elements/lists.css +++ b/templates/css/elements/lists.css @@ -1,3 +1,4 @@ +.ripcrypt.hud, .ripcrypt > .window-content { ol { list-style-type: none; diff --git a/templates/css/elements/p.css b/templates/css/elements/p.css index 6a9151e..fcf243a 100644 --- a/templates/css/elements/p.css +++ b/templates/css/elements/p.css @@ -1,3 +1,4 @@ +.ripcrypt.hud p, .ripcrypt > .window-content p { &.warning { padding: 0.75rem; diff --git a/templates/css/elements/pill-bar.css b/templates/css/elements/pill-bar.css index e80537f..425499c 100644 --- a/templates/css/elements/pill-bar.css +++ b/templates/css/elements/pill-bar.css @@ -1,3 +1,4 @@ +.ripcrypt.hud .pill-bar, .ripcrypt > .window-content .pill-bar { display: flex; flex-direction: row; diff --git a/templates/css/elements/select.css b/templates/css/elements/select.css index b822816..0940786 100644 --- a/templates/css/elements/select.css +++ b/templates/css/elements/select.css @@ -1,3 +1,4 @@ +.ripcrypt.hud select, .ripcrypt > .window-content select { all: revert; appearance: auto; diff --git a/templates/css/elements/span.css b/templates/css/elements/span.css index 25c1ca9..b4a2cef 100644 --- a/templates/css/elements/span.css +++ b/templates/css/elements/span.css @@ -1,3 +1,4 @@ +.ripcrypt.hud span, .ripcrypt > .window-content span { &.small { font-size: var(--font-size-10) diff --git a/templates/css/elements/table.css b/templates/css/elements/table.css index d27d228..44abd0b 100644 --- a/templates/css/elements/table.css +++ b/templates/css/elements/table.css @@ -1,3 +1,4 @@ +.ripcrypt.hud table, .ripcrypt > .window-content table { all: revert; box-sizing: border-box; diff --git a/templates/css/themes/light.css b/templates/css/themes/light.css index ecb01c7..ebc1127 100644 --- a/templates/css/themes/light.css +++ b/templates/css/themes/light.css @@ -11,4 +11,4 @@ --base-text: black; --base-background: white; -} \ No newline at end of file +}