Apply new generic checkbox and button styles only to mobile-wizard (it avoids problems with calc spreadsheet tabs..)

Change-Id: I523bbcad25d144ded4a2849aa31f090684ca5ace
Reviewed-on: https://gerrit.libreoffice.org/80438
Reviewed-by: Szymon Kłos <szymon.klos@collabora.com>
Tested-by: Szymon Kłos <szymon.klos@collabora.com>
This commit is contained in:
Pedro 2019-10-08 12:02:35 +02:00 committed by Szymon Kłos
parent ec85fa7550
commit a18a15481b

View file

@ -32,11 +32,11 @@
float: left;
margin: 16px 0px;
}
input[type=checkbox]:disabled{
#mobile-wizard input[type=checkbox]:disabled{
border: 2px solid #ddd;
box-shadow: none;
}
input[type=checkbox]{
#mobile-wizard input[type=checkbox]{
appearance: none;
width: 24px;
height: 24px;
@ -50,7 +50,7 @@
outline: none;
box-shadow: #00000015 0px 0px 2px 1px;
}
input[type=checkbox]:checked{
#mobile-wizard input[type=checkbox]:checked{
background: url(images/lc_ok_white.svg) no-repeat center;
background-color: #0b87e7;
border-radius: 2px;
@ -58,11 +58,11 @@
outline: none;
box-shadow: none;
}
input[type=checkbox]:before{
#mobile-wizard input[type=checkbox]:before{
width: 20px;
height: 20px;
}
input[type=checkbox]:after{
#mobile-wizard input[type=checkbox]:after{
top: -20px;
width: 16px;
}
@ -71,7 +71,7 @@
vertical-align: baseline;
padding-left: 24px;
}
button{
#mobile-wizard button{
height: 38px;
border-radius: 4px;
color: #0b87e7 !important;
@ -80,10 +80,10 @@
text-transform: uppercase;
border: 1px solid #0b87e7;
}
button:focus{
#mobile-wizard button:focus{
outline: none;
}
button:active{
#mobile-wizard button:active{
outline: none;
border: none;
background-color: #ebf2fb;