Firefox compatibility for tabs and layout

Removed page-wrap width
Added workaround for ::before elements in Firefox
Added high-specificity height and border setting for tab radio buttons
This commit is contained in:
MB
2023-02-20 12:05:15 +00:00
parent 86f70805d0
commit 2886a654c0
+10 -10
View File
@@ -1,14 +1,10 @@
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button,
input[type='number'] {
-webkit-appearance: none;
-moz-appearance: textfield !important;
margin: 0;
} /*Remove arrows from numerical boxes */
#page-wrap {
width: 1024px;
}
-webkit-appearance: none;
-moz-appearance: textfield !important;
margin: 0;
} /*Remove arrows from numerical boxes */
input.sheet-oldtab1:not(:checked) ~ .sheet-oldtab1,
input.sheet-oldtab2:not(:checked) ~ .sheet-oldtab2,
@@ -29,14 +25,18 @@ table.sheet-status-table td:nth-child(even) {
input.sheet-oldtab {
width: calc(20% - 4px);
max-width: 150px;
height: 20px;
outline: none !important;
position: relative;
cursor: pointer;
z-index: 1;
-moz-appearance:initial; /* Allows ::before for Firefox Browsers */
}
.ui-dialog .charsheet input.sheet-oldtab {
height: 20px;
border: 0px;
} /* Necessary to override Roll20 */
input.sheet-oldtab1 {
margin-left: 1px;
}