wbrawner/tasks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cleanup search and datetimepicker scss files

Browse source
This commit is contained in:
Raimund Schlüßler 2017-09-17 17:34:40 +02:00
parent 4613292103
commit e6ab59a207
No known key found for this signature in database
GPG key ID: 036FA7EB1A599178
3 changed files with 164 additions and 140 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/src/08search.scss
View file

@ -8,7 +8,12 @@
background-color: transparent !important;
min-height: 150px;
#status {
span.icon.task-checkbox {
opacity: .6;
}
}
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
@ -19,9 +24,4 @@
&.emptycontent {
position: relative;
}
}
span.icon.task-checkbox {
opacity: .6;
}
}

126
css/src/09datetimepicker.scss
View file

@ -1,5 +1,5 @@
/**
* rules for datetimepicker
* rules for date- and timepicker
*/
.ui-widget-content {
@ -13,6 +13,10 @@
border: none;
}
/**
* rules for both date- and timepicker
*/
.ui-timepicker,
.ui-datepicker {
width: 185px;
@ -31,6 +35,15 @@
td {
width: 14%;
padding: 0;
&.selected a,
a.ui-state-active {
background: linear-gradient(to top, rgba($blue_background, .8), rgba($blue_background, .6)) repeat scroll 0 0 transparent !important;
border-radius: 3px;
color: $white !important;
opacity: 1;
position: relative;
}
}
thead th {
@ -71,62 +84,6 @@
}
}
.ui-datepicker table td.selected a,
.ui-timepicker table td a.ui-state-active {
background: linear-gradient(to top, rgba($blue_background, .8), rgba($blue_background, .6)) repeat scroll 0 0 transparent !important;
border-radius: 3px;
color: $white !important;
opacity: 1;
position: relative;
}
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
.ui-datepicker {
table {
td {
&.ui-datepicker-today a {
color: $blue_background;
}
}
}
.ui-datepicker-next,
.ui-datepicker-next-hover {
right: 2px;
top: 2px;
background: none;
border: none;
}
.ui-datepicker-prev,
.ui-datepicker-prev-hover {
left: 2px;
top: 2px;
background: none;
border: none;
}
.ui-icon {
@extend .icon;
height: 16px;
width: 16px;
}
.ui-icon-circle-triangle-w {
@extend .icon-sort-up;
}
.ui-icon-circle-triangle-e {
@extend .icon-sort-down;
}
}
div {
&.ui-datepicker,
&.ui-timepicker {
@ -179,6 +136,61 @@ div {
}
}
/**
* rules for timepicker
*/
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
td.ui-timepicker-hours table {
border-right: 1px solid $gray_light;
}
/**
* rules for datepicker
*/
.ui-datepicker {
table {
td {
&.ui-datepicker-today a {
color: $blue_background;
}
}
}
.ui-datepicker-next,
.ui-datepicker-next-hover {
right: 2px;
top: 2px;
background: none;
border: none;
}
.ui-datepicker-prev,
.ui-datepicker-prev-hover {
left: 2px;
top: 2px;
background: none;
border: none;
}
.ui-icon {
@extend .icon;
height: 16px;
width: 16px;
}
.ui-icon-circle-triangle-w {
@extend .icon-sort-up;
}
.ui-icon-circle-triangle-e {
@extend .icon-sort-down;
}
}

138
css/style.scss
View file

@ -1425,7 +1425,12 @@ a {
background-color: transparent !important;
min-height: 150px;
#status {
span.icon.task-checkbox {
opacity: .6;
}
}
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
@ -1436,15 +1441,10 @@ a {
&.emptycontent {
position: relative;
}
}
span.icon.task-checkbox {
opacity: .6;
}
}
/**
* rules for datetimepicker
* rules for date- and timepicker
*/
.ui-widget-content {
@ -1458,6 +1458,10 @@ a {
border: none;
}
/**
* rules for both date- and timepicker
*/
.ui-timepicker,
.ui-datepicker {
width: 185px;
@ -1476,6 +1480,15 @@ a {
td {
width: 14%;
padding: 0;
&.selected a,
a.ui-state-active {
background: linear-gradient(to top, rgba($blue_background, .8), rgba($blue_background, .6)) repeat scroll 0 0 transparent !important;
border-radius: 3px;
color: $white !important;
opacity: 1;
position: relative;
}
}
thead th {
@ -1516,62 +1529,6 @@ a {
}
}
.ui-datepicker table td.selected a,
.ui-timepicker table td a.ui-state-active {
background: linear-gradient(to top, rgba($blue_background, .8), rgba($blue_background, .6)) repeat scroll 0 0 transparent !important;
border-radius: 3px;
color: $white !important;
opacity: 1;
position: relative;
}
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
.ui-datepicker {
table {
td {
&.ui-datepicker-today a {
color: $blue_background;
}
}
}
.ui-datepicker-next,
.ui-datepicker-next-hover {
right: 2px;
top: 2px;
background: none;
border: none;
}
.ui-datepicker-prev,
.ui-datepicker-prev-hover {
left: 2px;
top: 2px;
background: none;
border: none;
}
.ui-icon {
@extend .icon;
height: 16px;
width: 16px;
}
.ui-icon-circle-triangle-w {
@extend .icon-sort-up;
}
.ui-icon-circle-triangle-e {
@extend .icon-sort-down;
}
}
div {
&.ui-datepicker,
&.ui-timepicker {
@ -1624,10 +1581,65 @@ div {
}
}
/**
* rules for timepicker
*/
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
td.ui-timepicker-hours table {
border-right: 1px solid $gray_light;
}
/**
* rules for datepicker
*/
.ui-datepicker {
table {
td {
&.ui-datepicker-today a {
color: $blue_background;
}
}
}
.ui-datepicker-next,
.ui-datepicker-next-hover {
right: 2px;
top: 2px;
background: none;
border: none;
}
.ui-datepicker-prev,
.ui-datepicker-prev-hover {
left: 2px;
top: 2px;
background: none;
border: none;
}
.ui-icon {
@extend .icon;
height: 16px;
width: 16px;
}
.ui-icon-circle-triangle-w {
@extend .icon-sort-up;
}
.ui-icon-circle-triangle-e {
@extend .icon-sort-down;
}
}
/**
* rules for sortorder-dropdown
*/