mirror of
https://github.com/Unleash/unleash.git
synced 2026-10-14 08:19:48 +00:00
Thomas Heartman
64 lines
1.4 KiB
CSS
64 lines
1.4 KiB
CSS
.user-feedback {
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
border: var(--ifm-global-border-width) solid var(--unleash-color-gray);
|
|
border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0;
|
|
box-shadow: var(--ifm-global-shadow-lw);
|
|
padding: var(--ifm-spacing-vertical) var(--ifm-spacing-horizontal);
|
|
text-align: center;
|
|
--outline-style: 2px solid var(--ifm-color-primary);
|
|
}
|
|
|
|
.user-feedback > form {
|
|
max-width: 850px;
|
|
margin: auto;
|
|
}
|
|
|
|
.user-feedback * {
|
|
outline-offset: 4px;
|
|
}
|
|
|
|
.user-feedback *:focus {
|
|
outline: var(--outline-style);
|
|
}
|
|
|
|
.satisfaction-input-container {
|
|
display: flex;
|
|
place-content: center;
|
|
align-items: center;
|
|
gap: 1em;
|
|
}
|
|
|
|
|
|
.user-satisfaction-score-label {
|
|
display: grid;
|
|
place-content: center;
|
|
height: 3em;
|
|
width: 3em;
|
|
border: var(--ifm-global-border-width) solid currentColor;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.user-satisfaction-score-input:focus-visible + .user-satisfaction-score-label {
|
|
outline: var(--outline-style);
|
|
}
|
|
|
|
.user-satisfaction-score-label:hover {
|
|
color: var(--ifm-color-primary)
|
|
}
|
|
|
|
.user-satisfaction-score-input:checked + label {
|
|
color: var(--ifm-color-primary);
|
|
background: var(--ifm-color-primary);
|
|
color: var(--ifm-color-primary-contrast-background);
|
|
border-color: var(--ifm-color-primary);
|
|
}
|
|
|
|
.button-container {
|
|
display: flex;
|
|
justify-content: end;
|
|
}
|
|
|
|
.bah {}
|