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

26
css/src/08search.scss
View file

@ -8,20 +8,20 @@
background-color: transparent !important; background-color: transparent !important;
min-height: 150px; min-height: 150px;
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
font-weight: bold;
color: $gray;
font-size: 13px !important;
&.emptycontent {
position: relative;
}
}
span.icon.task-checkbox { span.icon.task-checkbox {
opacity: .6; opacity: .6;
} }
} }
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
font-weight: bold;
color: $gray;
font-size: 13px !important;
&.emptycontent {
position: relative;
}
}

126
css/src/09datetimepicker.scss
View file

@ -1,5 +1,5 @@
/** /**
* rules for datetimepicker * rules for date- and timepicker
*/ */
.ui-widget-content { .ui-widget-content {
@ -13,6 +13,10 @@
border: none; border: none;
} }
/**
* rules for both date- and timepicker
*/
.ui-timepicker, .ui-timepicker,
.ui-datepicker { .ui-datepicker {
width: 185px; width: 185px;
@ -31,6 +35,15 @@
td { td {
width: 14%; width: 14%;
padding: 0; 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 { 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 { div {
&.ui-datepicker, &.ui-datepicker,
&.ui-timepicker { &.ui-timepicker {
@ -179,6 +136,61 @@ div {
} }
} }
/**
* rules for timepicker
*/
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
td.ui-timepicker-hours table { td.ui-timepicker-hours table {
border-right: 1px solid $gray_light; 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;
}
}

152
css/style.scss
View file

@ -1425,26 +1425,26 @@ a {
background-color: transparent !important; background-color: transparent !important;
min-height: 150px; min-height: 150px;
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
font-weight: bold;
color: $gray;
font-size: 13px !important;
&.emptycontent {
position: relative;
}
}
span.icon.task-checkbox { span.icon.task-checkbox {
opacity: .6; opacity: .6;
} }
} }
#status {
padding: 10px 0 18px !important;
height: 22px !important;
background-color: transparent !important;
font-weight: bold;
color: $gray;
font-size: 13px !important;
&.emptycontent {
position: relative;
}
}
/** /**
* rules for datetimepicker * rules for date- and timepicker
*/ */
.ui-widget-content { .ui-widget-content {
@ -1458,6 +1458,10 @@ a {
border: none; border: none;
} }
/**
* rules for both date- and timepicker
*/
.ui-timepicker, .ui-timepicker,
.ui-datepicker { .ui-datepicker {
width: 185px; width: 185px;
@ -1476,6 +1480,15 @@ a {
td { td {
width: 14%; width: 14%;
padding: 0; 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 { 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 { div {
&.ui-datepicker, &.ui-datepicker,
&.ui-timepicker { &.ui-timepicker {
@ -1624,10 +1581,65 @@ div {
} }
} }
/**
* rules for timepicker
*/
.ui-timepicker {
.ui-timepicker-title {
text-align: center;
}
}
td.ui-timepicker-hours table { td.ui-timepicker-hours table {
border-right: 1px solid $gray_light; 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 * rules for sortorder-dropdown
*/ */