Improve theme layout on non-flex browsers

This commit is contained in:
Cadence Ember 2023-10-03 18:54:07 +13:00
parent 33591ce0a3
commit b8ccd6cc3e
Signed by: cadence
GPG key ID: BC1C2C61CF521B17
2 changed files with 3 additions and 2 deletions

View file

@ -240,7 +240,7 @@
(div (@ (class "bw-ss__container") (id "bw-pr-search-suggestions")))) (div (@ (class "bw-ss__container") (id "bw-pr-search-suggestions"))))
(div (@ (class "bw-theme__select")) (div (@ (class "bw-theme__select"))
(span (@ (class "bw-theme__main-label")) "Page theme") (span (@ (class "bw-theme__main-label")) "Page theme")
(div (@ (class "bw-theme__items")) (span (@ (class "bw-theme__items"))
,@(for/list ([theme '(default light dark)]) ,@(for/list ([theme '(default light dark)])
(define class (define class
(if (equal? theme (user-cookies^-theme user-cookies)) (if (equal? theme (user-cookies^-theme user-cookies))
@ -251,7 +251,7 @@
req req
(struct-copy user-cookies^ user-cookies (struct-copy user-cookies^ user-cookies
[theme theme]))) (class ,class)) [theme theme]))) (class ,class))
(div (@ (class "bw-theme__icon-container")) (span (@ (class "bw-theme__icon-container"))
,(hash-ref theme-icons theme)) ,(hash-ref theme-icons theme))
,(format "~a" theme))))))) ,(format "~a" theme)))))))
(div (@ (id "content") #;(class "page-content")) (div (@ (id "content") #;(class "page-content"))

View file

@ -332,6 +332,7 @@ a.ext-audiobutton { /* see hearthstone/wiki/Diablo_(Duels_hero) */
display: flex; display: flex;
} }
.bw-theme__item { .bw-theme__item {
display: inline-block;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
padding: 2px; padding: 2px;