composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 10:38:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°1408 - Dashboard selector

Browse Source
This commit is contained in:
Eric
2018-10-12 08:54:11 +02:00
parent d7df975971
commit c17f7caa29
7 changed files with 244 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
css/light-grey.css
View File

@@ -2253,6 +2253,17 @@ a.summary, a.summary:hover {
width: 100%;
background-color: #fff;
}
.dashboard-selector {
display: block;
float: right;
margin-top: 10px;
}
.dashboard-selector .selector-label {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
vertical-align: super;
}
#DashboardMenu {
display: block;
float: right;
@@ -2950,3 +2961,56 @@ table.listResults .originColor {
padding-top: 0.3em;
border: none;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 41px;
height: 23px;
vertical-align: baseline;
}
/* Hide default HTML checkbox */
.switch input {
display: none;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 4px;
bottom: 3px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: #ea7d1e;
}
input:focus + .slider {
box-shadow: 0 0 1px #ea7d1e;
}
input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}

80
css/light-grey.scss
View File

@@ -2590,6 +2590,9 @@ a.summary, a.summary:hover {
text-align: center;
}
.dashboard-title-line {
}
.dashboard-title {
display: block;
float: left;
@@ -2606,6 +2609,22 @@ a.summary, a.summary:hover {
background-color: $white;
}
.dashboard-selector {
display: block;
float: right;
margin-top: 10px;
.selector-label {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
vertical-align: super;
}
}
#DashboardMenu {
display: block;
float: right;
@@ -3417,3 +3436,64 @@ table.listResults .originColor{
}
}
}
// Round Toggle
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 41px;
height: 23px;
vertical-align: baseline;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 4px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: $combodo-orange;
}
input:focus + .slider {
box-shadow: 0 0 1px $combodo-orange;
}
input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}