Skip to content

Commit

Permalink
Fix custom properties & bugs in stylesheet
Browse files Browse the repository at this point in the history
  • Loading branch information
kimo-k committed Feb 1, 2024
1 parent 2f5c05c commit e91ea89
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 13 deletions.
6 changes: 6 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
# Change Log
All notable changes to this project will be documented in this file. This change log follows the conventions of [keepachangelog.com](http://keepachangelog.com/).

## 1.9.6 (2024-02-02)

#### Fixed

- Elements using the new stylesheet are properly themed again.

## 1.9.5 (2024-02-02)

#### Fixed
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* day8/re-frame-10x */
/* https://www.nordtheme.com/docs/colors-and-palettes */

:root {--nord0: #2E3440;
:host {--nord0: #2E3440;
--nord1: #3B4252;
--nord2: #434C5E;
--nord3: #4C566A;
Expand All @@ -17,10 +17,9 @@
--nord13: #EBCB8B;
--nord14: #A3BE8C;
--nord15: #B48EAD;
--nord-ghost-white #f8f9fb;
--border-1: 1px solid var(--nord4);
--color-1 var(--nord3);
--background-color-1 var(--nord-ghost-white);}
--nord-ghost-white: #f8f9fb;
--color-1: var(--nord3);
--background-color-1: var(--nord-ghost-white);}

.flex-style {display: flex;}

Expand All @@ -41,7 +40,7 @@
color: var(--color-1);}

.summary {padding: 0 19px;
border: var(--border-1);
border: 1px solid var(--nord4);
border-radius: 2px;}

.search {border-bottom: var(--border-2);}
Expand All @@ -52,14 +51,14 @@

.icon {cursor: default;
border-radius: 3px;
background-color: var(--nord2);
border: 1px solid var(--nord1);
background-color: var(--nord5);
border: 1px solid var(--nord4);
padding: 2px;
font-weight: 400;}

.icon.disabled {cursor: pointer;
background-color: var(--nord5);
border: 1px solid var(--nord4);}
background-color: var(--nord2);
border: 1px solid var(--nord1);}

.icon svg path {fill: var(--nord0);}

Expand Down
2 changes: 1 addition & 1 deletion src/day8/re_frame_10x/navigation/views.cljs
Original file line number Diff line number Diff line change
Expand Up @@ -392,7 +392,7 @@
;; When programming here, we need to be careful about which document and window
;; we are operating on, and keep in mind that the window can close without going
;; through standard react lifecycle, so we hook the beforeunload event.
(let [shadow-root (tools.shadow-dom/shadow-root popup-document "--re-frame-10x--" (inline-resource "day8/re_frame_10x.css"))
(let [shadow-root (tools.shadow-dom/shadow-root popup-document "--re-frame-10x--" (inline-resource "day8/re_frame_10x/style.css"))
spade-container (spade.dom/create-container shadow-root)
resize-update-scheduled? (atom false)
handle-window-resize (fn [_]
Expand Down
2 changes: 1 addition & 1 deletion src/day8/re_frame_10x/preload/react_17.cljs
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

(rf/clear-subscription-cache!)

(def shadow-root (re-frame-10x/create-shadow-root (inline-resource "day8/re_frame_10x.css")))
(def shadow-root (re-frame-10x/create-shadow-root (inline-resource "day8/re_frame_10x/style.css")))

(rdom/render (re-frame-10x/create-style-container shadow-root)
shadow-root)
2 changes: 1 addition & 1 deletion src/day8/re_frame_10x/preload/react_18.cljs
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@

(rf/clear-subscription-cache!)

(def shadow-root (re-frame-10x/create-shadow-root (inline-resource "day8/re_frame_10x.css")))
(def shadow-root (re-frame-10x/create-shadow-root (inline-resource "day8/re_frame_10x/style.css")))

(rdc/render (rdc/create-root shadow-root)
(re-frame-10x/create-style-container shadow-root))

0 comments on commit e91ea89

Please sign in to comment.