mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-22 14:41:29 +01:00
Improve calendar 7/5 days switch
This commit is contained in:
Hadi Nategh
parent
4b1aefef62
commit
37792a7ef3
@ -2702,6 +2702,42 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
|
||||
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
|
||||
width: calc(100% - 58px);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch.switchOn span.off {
|
||||
filter: invert(1);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch.switchOn span.on {
|
||||
filter: none !important;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch {
|
||||
margin: 0px;
|
||||
height: 22px;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container {
|
||||
padding: 0px;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span.on {
|
||||
background-image: url(../../../pixelegg/images/7_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top: 0;
|
||||
filter: invert(1);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span.off {
|
||||
background-image: url(../../../pixelegg/images/5_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top: 0;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span {
|
||||
color: transparent !important;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container a {
|
||||
background: none;
|
||||
}
|
||||
/* ########################################################################################
|
||||
/* * Calendar END */
|
||||
/* tablets and smartphones */
|
||||
|
||||
@ -2690,5 +2690,41 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
|
||||
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
|
||||
width: calc(100% - 58px);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch.switchOn span.off {
|
||||
filter: invert(1);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch.switchOn span.on {
|
||||
filter: none !important;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch {
|
||||
margin: 0px;
|
||||
height: 22px;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container {
|
||||
padding: 0px;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span.on {
|
||||
background-image: url(../../../pixelegg/images/7_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top: 0;
|
||||
filter: invert(1);
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span.off {
|
||||
background-image: url(../../../pixelegg/images/5_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top: 0;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container span {
|
||||
color: transparent !important;
|
||||
}
|
||||
span.et2_checkbox_slideSwitch span.slideSwitch_container a {
|
||||
background: none;
|
||||
}
|
||||
/* ########################################################################################
|
||||
/* * Calendar END */
|
||||
|
||||
@ -1235,7 +1235,41 @@ div#calendar-container {
|
||||
.calendar_calGridHeader > span.et2_label {width:~"calc(100% - 58px)";}
|
||||
}
|
||||
}
|
||||
span.et2_checkbox_slideSwitch.switchOn {
|
||||
span.off {
|
||||
filter: invert(1);
|
||||
}
|
||||
span.on {
|
||||
filter: none !important;
|
||||
}
|
||||
}
|
||||
span.et2_checkbox_slideSwitch {
|
||||
margin: 0px;
|
||||
height: 22px;
|
||||
span.slideSwitch_container {
|
||||
span.on {
|
||||
background-image: url(../../../pixelegg/images/7_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top:0;
|
||||
filter: invert(1);
|
||||
}
|
||||
span.off {
|
||||
background-image: url(../../../pixelegg/images/5_day_view.svg);
|
||||
background-size: 16px 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 24px;
|
||||
top:0;
|
||||
}
|
||||
padding: 0px;
|
||||
span {color:transparent !important;}
|
||||
|
||||
a {background: none;}
|
||||
}
|
||||
}
|
||||
/* ########################################################################################
|
||||
/* * Calendar END */
|
||||
|
||||
|
||||
19
pixelegg/images/5_day_view.svg
Normal file
19
pixelegg/images/5_day_view.svg
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#62686A" d="M8.593,7.533c1.167,0,2.119-0.947,2.119-2.116V2.242c0-1.168-0.952-2.117-2.119-2.117
|
||||
S6.475,1.074,6.475,2.242v3.174C6.475,6.586,7.426,7.533,8.593,7.533z"/>
|
||||
<path fill="#62686A" d="M23.409,7.533c1.168,0,2.117-0.947,2.117-2.116V2.242c0-1.168-0.949-2.117-2.117-2.117
|
||||
c-1.171,0-2.117,0.949-2.117,2.117v3.174C21.292,6.586,22.24,7.533,23.409,7.533z"/>
|
||||
<path fill="#62686A" d="M27.642,3.301h-1.058h-0.002v3.174c0,0.48-0.166,0.919-0.436,1.276c-0.386,0.509-0.993,0.841-1.68,0.841
|
||||
H22.35c-1.169,0-2.116-0.948-2.116-2.116V3.303h-8.467h-0.003v3.173c0,1.169-0.946,2.116-2.113,2.116H7.533
|
||||
c-0.688,0-1.291-0.333-1.678-0.841c-0.27-0.357-0.438-0.796-0.438-1.277V3.3H5.416H4.358c-1.166,0-2.116,0.947-2.116,2.115v11.92
|
||||
v12.422c0,1.167,0.95,2.117,2.116,2.117h5.587h12.111h5.585c1.169,0,2.117-0.95,2.117-2.117V17.335V5.417
|
||||
C29.759,4.248,28.811,3.301,27.642,3.301z M26.584,16.003h-0.002v1.008h0.002v5.347h-0.002v1.05v5.291h-6.349h-1.059h-6.35h-1.062
|
||||
H5.418v-5.291v-1.05v-5.347v-1.008v-5.291h6.346h1.062h6.35h1.059h6.349h0.002V16.003z"/>
|
||||
</g>
|
||||
<text transform="matrix(1 0 0 1 11.833 25.9365)" fill="#62686A" font-family="'MyriadPro-Bold'" font-size="16.2517">5</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
19
pixelegg/images/7_day_view.svg
Normal file
19
pixelegg/images/7_day_view.svg
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#62686A" d="M8.593,7.533c1.167,0,2.119-0.947,2.119-2.116V2.242c0-1.168-0.952-2.117-2.119-2.117
|
||||
S6.475,1.074,6.475,2.242v3.174C6.475,6.586,7.426,7.533,8.593,7.533z"/>
|
||||
<path fill="#62686A" d="M23.409,7.533c1.168,0,2.117-0.947,2.117-2.116V2.242c0-1.168-0.949-2.117-2.117-2.117
|
||||
c-1.171,0-2.117,0.949-2.117,2.117v3.174C21.292,6.586,22.24,7.533,23.409,7.533z"/>
|
||||
<path fill="#62686A" d="M27.642,3.301h-1.058h-0.002v3.174c0,0.48-0.166,0.919-0.436,1.276c-0.386,0.509-0.993,0.841-1.68,0.841
|
||||
H22.35c-1.169,0-2.116-0.948-2.116-2.116V3.303h-8.467h-0.003v3.173c0,1.169-0.946,2.116-2.113,2.116H7.533
|
||||
c-0.688,0-1.291-0.333-1.678-0.841c-0.27-0.357-0.438-0.796-0.438-1.277V3.3H5.416H4.358c-1.166,0-2.116,0.947-2.116,2.115v11.92
|
||||
v12.422c0,1.167,0.95,2.117,2.116,2.117h5.587h12.111h5.585c1.169,0,2.117-0.95,2.117-2.117V17.335V5.417
|
||||
C29.759,4.248,28.811,3.301,27.642,3.301z M26.584,16.003h-0.002v1.008h0.002v5.347h-0.002v1.05v5.291h-6.349h-1.059h-6.35h-1.062
|
||||
H5.418v-5.291v-1.05v-5.347v-1.008v-5.291h6.346h1.062h6.35h1.059h6.349h0.002V16.003z"/>
|
||||
</g>
|
||||
<text transform="matrix(1 0 0 1 11.833 25.9365)" fill="#62686A" font-family="'MyriadPro-Bold'" font-size="16.2517">7</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
Loading…
Reference in New Issue
Block a user