WebDev/VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(css): more straightforward handling of borders

Browse Source 
* don't rely on last child selector that might be incorrect due to display:none elements
This commit is contained in:
Florent Chehab 2020-05-02 14:29:58 +02:00
parent 8117be3f52
commit c454a23e71
No known key found for this signature in database
GPG Key ID: 9A0CE018889EA246
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/main.css
View File

@ -13,7 +13,8 @@ body {
.btn-group button { .btn-group button {
background: transparent; background: transparent;
border: 1px solid #636060; border: 2px solid #636060;
margin: -1px;
/* Green border */ /* Green border */
color: black; color: black;
/* White text */ /* White text */
@ -25,16 +26,13 @@ body {
/* Float the buttons side by side */ /* Float the buttons side by side */
font-size: 1.2em; font-size: 1.2em;
height: 45px; height: 45px;
width: 50px;
} }
button::-moz-focus-inner { button::-moz-focus-inner {
border: 0; border: 0;
} }
.btn-group button:not(:last-child) {
border-right: none;
/* Prevent double borders */
}
/* Clear floats (clearfix hack) */ /* Clear floats (clearfix hack) */
@ -57,6 +55,7 @@ button {
.btn-group { .btn-group {
background-color: #808080ab; background-color: #808080ab;
margin-left: 5px; margin-left: 5px;
margin-bottom: 5px;
float: left; float: left;
position: relative; position: relative;
} }