styles infos

This commit is contained in:
Julie Blanc 2025-12-10 17:26:12 +01:00
parent cb7a43d564
commit e279941168
8 changed files with 71 additions and 17 deletions

View file

@ -10,8 +10,25 @@
}
.infos{
font-size: 0.8rem;
color: var(--color-interface-400);
position: relative;
padding-left: 2.5ch;
.info-icon{
position: absolute;
left: 0px;
top: -5px;
svg{
width: 16px;
fill: var(--color-interface-400);
}
}
p{
font-size: 0.8rem;
color: var(--color-interface-400);
}
}
.container{
@ -35,6 +52,6 @@
margin-bottom: calc(var(--space-xs)*2);
font-size: 1rem;
font-weight: 600;
color: var(--color-800);
}
}

View file

@ -91,7 +91,6 @@ input[type="checkbox"] + label::before{
height: var(--size);
border-radius: var(--border-radius);
display: block;
background-color: red;
position: absolute;
top: 0px;
border: 1px solid var(--color-interface-400);
@ -186,6 +185,7 @@ input[type="checkbox"]:checked + label::before{
label{
font-weight: 400;
color: var(--color-txt);
text-decoration-color: var(--color-interface-300)!important;
}
}
}
@ -216,6 +216,11 @@ input[type="checkbox"]:checked + label::before{
}
}
.margins label{
color: var(--color-txt);
font-weight: normal;
text-decoration-color: var(--color-interface-300)!important;
}
@ -227,7 +232,7 @@ input[type="checkbox"]:checked + label::before{
// TOOLTIP ===============================================
.label-with-tooltip {
text-decoration: underline dotted 1px var(--color-200);
text-decoration: underline dotted 1px var(--color-400);
text-underline-offset: 2px;
cursor: help;
position: relative;

View file

@ -375,7 +375,6 @@ input[type=checkbox] + label::before {
height: var(--size);
border-radius: var(--border-radius);
display: block;
background-color: red;
position: absolute;
top: 0px;
border: 1px solid var(--color-interface-400);
@ -451,6 +450,7 @@ input[type=checkbox]:checked + label::before {
.field-font .checkbox-field label {
font-weight: 400;
color: var(--color-txt);
text-decoration-color: var(--color-interface-300) !important;
}
.field-text-size input[type=number] {
@ -476,9 +476,15 @@ input[type=checkbox]:checked + label::before {
margin-right: 2ch;
}
.margins label {
color: var(--color-txt);
font-weight: normal;
text-decoration-color: var(--color-interface-300) !important;
}
.label-with-tooltip {
-webkit-text-decoration: underline dotted 1px var(--color-200);
text-decoration: underline dotted 1px var(--color-200);
-webkit-text-decoration: underline dotted 1px var(--color-400);
text-decoration: underline dotted 1px var(--color-400);
text-underline-offset: 2px;
cursor: help;
position: relative;
@ -559,6 +565,19 @@ input[type=number] {
color: var(--color-800);
}
.settings-section .infos {
position: relative;
padding-left: 2.5ch;
}
.settings-section .infos .info-icon {
position: absolute;
left: 0px;
top: -5px;
}
.settings-section .infos .info-icon svg {
width: 16px;
fill: var(--color-interface-400);
}
.settings-section .infos p {
font-size: 0.8rem;
color: var(--color-interface-400);
}
@ -578,6 +597,7 @@ input[type=number] {
margin-bottom: calc(var(--space-xs) * 2);
font-size: 1rem;
font-weight: 600;
color: var(--color-800);
}
.unit-toggle button:not(.spinner-btn) {

File diff suppressed because one or more lines are too long