extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-06 10:02:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

More styling for calendar toggle weekend slide-switch

Browse Source
This commit is contained in:
Hadi Nategh 2015-11-19 13:31:49 +00:00
parent d1044795a8
commit c7a049b856
2 changed files with 52 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
calendar/templates/pixelegg/app.css
View File

@ -1,4 +1,3 @@
@import "../default/app.css";
/**
* EGroupware: CSS with less preprocessor
*
@ -12,6 +11,7 @@
* @package calendar
* @version $Id$
*/
@import "../default/app.css";
/*generell*/
.egw_fw_content_browser_iframe img[src$="svg"] {
background-color: #828282 !important;
@ -1396,3 +1396,23 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
}*/
/* ########################################################################################
/* * Calendar END */
#calendar-sidebox_buttons .et2_checkbox_slideSwitch .slideSwitch_container {
background-color: white;
box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
}
#calendar-sidebox_buttons .et2_checkbox_slideSwitch .slideSwitch_container a {
background-color: #B4B4B4;
transition: none;
}
#calendar-sidebox_buttons .et2_checkbox_slideSwitch .slideSwitch_container span:first-child {
color: #D4D4D4;
}
#calendar-sidebox_buttons .et2_checkbox_slideSwitch .slideSwitch_container span:nth-child(2) {
color: #606060;
}
#calendar-sidebox_buttons .et2_checkbox_slideSwitch.switchOn span:first-child {
color: #606060;
}
#calendar-sidebox_buttons .et2_checkbox_slideSwitch.switchOn span:nth-child(2) {
color: #D4D4D4;
}

32
calendar/templates/pixelegg/app.less
View File

@ -1412,4 +1412,34 @@ div#calendar-container {
/* * Calendar END */
//
// toggle weekend slide-switch
#calendar-sidebox_buttons {
.et2_checkbox_slideSwitch {
.slideSwitch_container {
background-color: white;
box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
a {
background-color: #B4B4B4;
transition: none;
}
span {
&:first-child {
color: #D4D4D4;
}
&:nth-child(2) {
color: #606060;
}
}
}
&.switchOn {
span {
&:first-child {
color:#606060;
}
&:nth-child(2) {
color: #D4D4D4;
}
}
}
}
}