Erik/DataDash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design revisited

Browse Source
This commit is contained in:
J-Klinke 2024-07-06 20:50:58 +02:00
parent 9a6260d1bd
commit 46c2aa9150
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/static/add.css
View File

@ -128,7 +128,7 @@ form :has(#url) {
#btn-bar { #btn-bar {
grid-column: 1 / 4; grid-column: 1 / 4;
justify-content: end; justify-content: end;
gap: 1rem; gap: 1rem ;
} }
/* button styling */ /* button styling */

27
src/main/resources/static/main.css
View File

@ -148,6 +148,14 @@ header {
--icon-size: 2rem; --icon-size: 2rem;
} }
:is(.downvote-btn, .upvote-btn):disabled {
filter: brightness(1.75);
}
:is(.downvote-btn, .upvote-btn).isVoted {
filter: brightness(1.1);
}
.downvote-btn { .downvote-btn {
transform: rotate(180deg); transform: rotate(180deg);
} }
@ -172,10 +180,6 @@ header {
--icon-size: 1rem; --icon-size: 1rem;
} }
.isVoted {
filter: brightness(1.75);
}
.divider { .divider {
width: .05rem; width: .05rem;
height: 1rem; height: 1rem;
@ -194,10 +198,21 @@ header {
transition: filter ease-out 50ms; transition: filter ease-out 50ms;
} }
.btn.flat:is(:hover, :focus-visible) { .btn.flat:is(:hover, :focus-visible):not(:disabled) {
filter: brightness(1.5); filter: brightness(1.5);
} }
.btn.flat:active { .btn.flat:active:not(:disabled){
filter: brightness(1.75); filter: brightness(1.75);
} }
select * {
background-color: var(--fg-color);
color: var(--text-color);
}
select::selection {
background-color: #554094;
}