mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-09 13:42:38 +00:00
adjust CSS to support Firefox
Set's a non-ideal but functional css style for the box when using Firefox so the box is at least visible.
This commit is contained in:
@@ -1,14 +1,19 @@
|
|||||||
.anchored-trigger {
|
.anchored-trigger {
|
||||||
anchor-name: --view-settings;
|
@supports (anchor-name: --view-settings){
|
||||||
|
anchor-name: --view-settings;
|
||||||
|
}
|
||||||
&.active {
|
&.active {
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.anchored-box {
|
.anchored-box {
|
||||||
position-anchor: --view-settings;
|
|
||||||
position:absolute;
|
position:absolute;
|
||||||
inset-block-start: anchor(bottom);
|
top: 30px;
|
||||||
|
@supports (position-anchor: --view-settings){
|
||||||
|
position-anchor: --view-settings;
|
||||||
|
inset-block-start: anchor(bottom);
|
||||||
|
}
|
||||||
justify-self: anchor-center;
|
justify-self: anchor-center;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
&.active {
|
&.active {
|
||||||
|
|||||||
Reference in New Issue
Block a user