holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix slideSwitch styling for both desktop and mobile templates

Browse Source
This commit is contained in:
Hadi Nategh 2016-03-29 14:43:36 +00:00
parent 8264292467
commit d5c9994d50
6 changed files with 42 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
api/templates/default/etemplate2.css
View File

@ -2071,12 +2071,11 @@ span.et2_checkbox_slideSwitch {
position: relative;
display: inline-block;
vertical-align: middle;
border: 1px solid silver;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container {
height: 16px;
border: 1px solid silver;
background-color: #FFF;
box-shadow: inset 0 2px 6px rgb(71, 71, 71), 0 1px 0 rgba(255, 255, 255, 0.2);
margin: 0px;
min-width: 44px;
display: block;
@ -2096,7 +2095,7 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child {
font-weight: bold;
color:#C0C0C0;
top: 5px;
top: 4px;
}
span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child {
color:#FAFAFA;
@ -2117,7 +2116,7 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container> span:nth-child(2) {
left:50%;
font-weight: bold;
color:#FAFAFA;
top:5px;
top:4px;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container a {
position: absolute;
@ -2133,7 +2132,6 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
box-shadow: grey -1px 0px 3px 0px;
}
span.et2_checkbox_slideSwitch > input {
opacity: 0;

8
pixelegg/css/mobile.css
View File

@ -1049,6 +1049,14 @@
background-size: 20px 20px;
background-position: center;
}
/*#################################### ET2 SLIDESWITCH #####################################################*/
span.et2_checkbox_slideSwitch:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid gray;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa;
}
/*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe {
background-color: yellow;

8
pixelegg/css/pixelegg.css
View File

@ -1038,6 +1038,14 @@
background-size: 20px 20px;
background-position: center;
}
/*#################################### ET2 SLIDESWITCH #####################################################*/
span.et2_checkbox_slideSwitch:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid gray;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa;
}
/*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe {
background-color: yellow;

6
pixelegg/less/etemplate2.less
View File

@ -1021,6 +1021,12 @@ ul.et2_nowrap, div.et2_nowrap{
background-position: center;
}
/*#################################### ET2 SLIDESWITCH #####################################################*/
span.et2_checkbox_slideSwitch:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid gray;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container {background-color: #fafafa;}
/*#################################### ADMIN PART #####################################################*/

14
pixelegg/mobile/fw_mobile.css
View File

@ -1060,6 +1060,14 @@
background-size: 20px 20px;
background-position: center;
}
/*#################################### ET2 SLIDESWITCH #####################################################*/
span.et2_checkbox_slideSwitch:hover {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid gray;
}
span.et2_checkbox_slideSwitch > span.slideSwitch_container {
background-color: #fafafa;
}
/*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe {
background-color: yellow;
@ -8062,8 +8070,14 @@ form[id^="tracker-"] .dialogHeadbar {
}
body span.et2_checkbox_slideSwitch {
height: 50px;
border: none;
padding-right: 10px;
vertical-align: bottom;
}
body span.et2_checkbox_slideSwitch:hover {
border: none;
box-shadow: none;
}
body span.et2_checkbox_slideSwitch input {
height: 100% !important;
}

3
pixelegg/mobile/fw_mobile.less
View File

@ -1159,6 +1159,9 @@
/***************************************/
span.et2_checkbox_slideSwitch {
height: 50px;
border: none;
padding-right:10px;
&:hover{border:none;box-shadow: none;}
vertical-align: bottom;
input {
height: 100% !important;