aziascreations/CSS-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

Fixed tables inner borders

Browse Source 
Update borders.scss and table.scss
This commit is contained in:
Herwin Bozet (NibblePoker) 2024-11-24 15:07:38 +01:00
parent 5f3398176a
commit c568074c51
2 changed files with 3 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/site/borders.scss
View File

@ -21,15 +21,6 @@ main {
} }
} }
table.stylish {
// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.
&.border {
//background-color: #{$color-border-main};
}
}
// Special fix for select inputs' dropdown menu // Special fix for select inputs' dropdown menu
//select.border option::before { //select.border option::before {
// border: 1px solid deeppink !important; // border: 1px solid deeppink !important;

9
scss/site/table.scss
View File

@ -13,10 +13,6 @@
tr { tr {
background-color: #{$color-background-table-dual}; background-color: #{$color-background-table-dual};
} }
tr:not(:last-of-type), th {
border-bottom: 1.5px solid #{$color-table-border};
}
tr:nth-child(2n), th { tr:nth-child(2n), th {
background-color: #{$color-background-table-main}; background-color: #{$color-background-table-main};
@ -26,6 +22,7 @@
border-right: 1.5px solid #{$color-table-border}; border-right: 1.5px solid #{$color-table-border};
} }
// Remark: Tables can be rounded if their parent is. tr:not(:last-of-type) td, th {
// Thank the modern web for that... border-bottom: 1.5px solid #{$color-table-border};
}
} }