ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 13:00:39 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

B: Fix placeholder styling
Some checks are pending
Frontend CI / build (22.x) (push) Waiting to run
Details

Browse Source
This commit is contained in:
Ivan 2024-09-09 20:39:52 +03:00
parent ca79161ed8
commit aebd1598ee
1 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
rsconcept/frontend/src/styling/styles.css
View File

@ -49,17 +49,40 @@
} }
} }
:is(.clr-app, .clr-footer, .cc-modal-backdrop, .clr-btn-nav, .clr-input:disabled) { :is(.clr-app, .clr-btn-nav) {
background-color: var(--cl-bg-100); background-color: var(--cl-bg-100);
.dark & { .dark & {
background-color: var(--cd-bg-100); background-color: var(--cd-bg-100);
} }
} }
:is(.clr-input) { .clr-footer {
color: var(--cl-fg-60);
background-color: var(--cl-bg-100);
.dark & {
color: var(--cd-fg-60);
background-color: var(--cd-bg-100);
}
}
.cc-modal-backdrop {
opacity: 0.5;
background-color: var(--cl-bg-100);
.dark & {
background-color: var(--cd-bg-100);
}
}
.clr-input {
background-color: var(--cl-bg-120); background-color: var(--cl-bg-120);
&:disabled {
background-color: var(--cl-bg-100);
}
.dark & { .dark & {
background-color: var(--cd-bg-120); background-color: var(--cd-bg-120);
&:disabled {
background-color: var(--cd-bg-100);
}
} }
} }
@ -126,13 +149,6 @@
} }
} }
.clr-footer {
color: var(--cl-fg-60);
.dark & {
color: var(--cd-fg-60);
}
}
:is(.clr-text-controls, .clr-btn-nav, .clr-btn-clear) { :is(.clr-text-controls, .clr-btn-nav, .clr-btn-clear) {
color: var(--cl-fg-80); color: var(--cl-fg-80);
&:disabled { &:disabled {
@ -153,7 +169,7 @@
} }
} }
:is(.clr-text-default, input:disabled, textarea:disabled) { :is(.clr-text-default, input:disabled:not(::placeholder), textarea:disabled:not(::placeholder)) {
opacity: 1; opacity: 1;
-webkit-text-fill-color: var(--cl-fg-100); -webkit-text-fill-color: var(--cl-fg-100);
color: var(--cl-fg-100); color: var(--cl-fg-100);
@ -210,10 +226,6 @@
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
.cc-modal-backdrop {
opacity: 0.5;
}
.cc-label { .cc-label {
@apply text-sm font-medium cursor-default select-text whitespace-nowrap; @apply text-sm font-medium cursor-default select-text whitespace-nowrap;
} }