mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-24 20:42:43 +00:00
68c75fbfd2
Set's a non-ideal but functional css style for the box when using Firefox so the box is at least visible.
62 lines
1.1 KiB
Plaintext
62 lines
1.1 KiB
Plaintext
.anchored-trigger {
|
|
@supports (anchor-name: --view-settings){
|
|
anchor-name: --view-settings;
|
|
}
|
|
&.active {
|
|
background-color: #444444;
|
|
}
|
|
|
|
}
|
|
.anchored-box {
|
|
position:absolute;
|
|
top: 30px;
|
|
@supports (position-anchor: --view-settings){
|
|
position-anchor: --view-settings;
|
|
inset-block-start: anchor(bottom);
|
|
}
|
|
justify-self: anchor-center;
|
|
visibility: hidden;
|
|
&.active {
|
|
visibility: visible;
|
|
}
|
|
padding : 15px;
|
|
color : white;
|
|
background-color : #555555;
|
|
border-radius : 5px;
|
|
font-size : .8em;
|
|
margin-top : 10px;
|
|
|
|
h1 {
|
|
border-bottom: 1px solid currentColor;
|
|
margin-bottom: 0.5em;
|
|
padding-bottom: 0.3em;
|
|
}
|
|
|
|
h2 {
|
|
color: lightgray;
|
|
border-bottom: 1px solid currentColor;
|
|
margin: 1em 0 0.5em 0;
|
|
padding-bottom: 0.3em;
|
|
}
|
|
|
|
label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 6px;
|
|
|
|
}
|
|
|
|
&:before {
|
|
content: "";
|
|
width: 0px;
|
|
height: 0px;
|
|
position: absolute;
|
|
border: 10px solid transparent;
|
|
border-bottom: 10px solid #555555;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -20px;
|
|
pointer-events: none;
|
|
}
|
|
} |