// datepicker
This commit is contained in:
Kevin Granger
@@ -8888,29 +8888,29 @@ textarea {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
*margin-right: 0.3em; }
|
||||
|
||||
/* line 11, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 18, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker {
|
||||
padding: 6px;
|
||||
background-color: #1585b8; }
|
||||
/* line 15, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 21, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .input-selected {
|
||||
margin: 0; }
|
||||
/* line 17, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 23, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker #date-start.input-selected {
|
||||
border: solid 3px #0d5373; }
|
||||
/* line 19, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 25, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker #date-end.input-selected {
|
||||
border: solid 3px #0d5373; }
|
||||
/* line 22, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 28, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form #date-range .form-date-heading {
|
||||
background-color: #1896cf; }
|
||||
/* line 24, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 30, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form #date-compare .form-date-heading {
|
||||
background-color: #dd7d5b; }
|
||||
/* line 26, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 32, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-heading {
|
||||
padding: 6px; }
|
||||
/* line 28, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 34, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-heading .title, #datepicker div#datepicker-form .form-date-heading .checkbox-title label {
|
||||
font-family: "Josefin Sans", sans-serif;
|
||||
font-size: 1.15em;
|
||||
@@ -8918,23 +8918,23 @@ textarea {
|
||||
font-weight: 200;
|
||||
text-transform: uppercase;
|
||||
line-height: 2em; }
|
||||
/* line 35, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 41, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-heading .btn-default {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
font-weight: 700;
|
||||
color: white;
|
||||
border: none; }
|
||||
/* line 40, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 46, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-body, #datepicker div#datepicker-form .form-date-actions {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
display: inline-block; }
|
||||
/* line 45, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 51, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-group {
|
||||
width: 100%;
|
||||
margin: 0 auto; }
|
||||
/* line 48, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 54, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-group label {
|
||||
font-family: "Josefin Sans", sans-serif;
|
||||
font-size: 0.8em;
|
||||
@@ -8943,14 +8943,14 @@ textarea {
|
||||
color: #666666;
|
||||
line-height: 3.2em;
|
||||
margin-bottom: 0; }
|
||||
/* line 56, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 62, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-group label, #datepicker div#datepicker-form .form-date-group input {
|
||||
float: left;
|
||||
margin-right: 6px; }
|
||||
/* line 59, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 65, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker div#datepicker-form .form-date-group input[type='text'] {
|
||||
width: 35%; }
|
||||
/* line 62, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 68, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker {
|
||||
position: relative;
|
||||
margin: 0 0 8px 0;
|
||||
@@ -8959,17 +8959,17 @@ textarea {
|
||||
font-family: "Josefin Sans", sans-serif;
|
||||
font-size: 14px;
|
||||
height: 16.8em; }
|
||||
/* line 70, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 76, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker table {
|
||||
width: 100%;
|
||||
margin: 0; }
|
||||
/* line 74, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 80, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker thead tr th:after {
|
||||
content: "";
|
||||
border-top: 1px solid #1585b8;
|
||||
width: 100%;
|
||||
display: block; }
|
||||
/* line 79, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 85, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker thead tr th {
|
||||
background-color: #1896cf;
|
||||
color: #8dd3f2;
|
||||
@@ -8977,13 +8977,13 @@ textarea {
|
||||
font-weight: 700;
|
||||
border-bottom: solid 1px #3bb3e9;
|
||||
text-transform: uppercase; }
|
||||
/* line 86, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 92, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker thead tr:first-child th {
|
||||
background-color: white;
|
||||
font-weight: 200;
|
||||
font-size: 1.4em;
|
||||
color: #0d5373; }
|
||||
/* line 91, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 97, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td, #datepicker .datepicker th {
|
||||
text-align: center;
|
||||
height: 2em;
|
||||
@@ -8991,12 +8991,12 @@ textarea {
|
||||
padding: 0;
|
||||
color: white;
|
||||
position: relative; }
|
||||
/* line 98, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 104, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td {
|
||||
font-weight: 400;
|
||||
padding: 0 10px;
|
||||
border-bottom: solid 1px #1ba6e5; }
|
||||
/* line 102, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 108, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.day:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -9007,28 +9007,28 @@ textarea {
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
background-color: transparent; }
|
||||
/* line 112, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 118, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.day:hover {
|
||||
cursor: pointer; }
|
||||
/* line 114, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 120, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.day.disabled {
|
||||
color: #1275a1; }
|
||||
/* line 116, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 122, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.old, #datepicker .datepicker td.new {
|
||||
color: #1275a1; }
|
||||
/* line 118, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 124, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected) {
|
||||
font-weight: 700;
|
||||
background-color: #0d5373;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-top-left-radius: 15px; }
|
||||
/* line 123, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 129, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) {
|
||||
font-weight: 700;
|
||||
background-color: #0d5373;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-top-right-radius: 15px; }
|
||||
/* line 128, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 134, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.end-selected.start-selected {
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
@@ -9037,14 +9037,27 @@ textarea {
|
||||
border-radius: 15px;
|
||||
font-weight: 700;
|
||||
background-color: #0d5373; }
|
||||
/* line 132, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 138, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.start-selected-compare:not(.old):not(.new):not(.end-selected-compare) {
|
||||
background-color: #ad4924; }
|
||||
/* line 140, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.end-selected-compare:not(.old):not(.new):not(.start-selected-compare) {
|
||||
background-color: #ad4924; }
|
||||
/* line 142, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.end-selected-compare.start-selected-compare {
|
||||
background-color: #ad4924; }
|
||||
/* line 144, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.range {
|
||||
color: #77caef;
|
||||
background-color: #1275a1; }
|
||||
/* line 135, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 147, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.range-compare {
|
||||
color: #f3d1c4;
|
||||
background-color: #d45c31; }
|
||||
/* line 150, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td.today {
|
||||
background-color: white; }
|
||||
/* line 138, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 153, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td span {
|
||||
padding: 0;
|
||||
display: block;
|
||||
@@ -9055,31 +9068,60 @@ textarea {
|
||||
float: left;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer; }
|
||||
/* line 148, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 163, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td span:hover {
|
||||
background-color: #0d5373; }
|
||||
/* line 150, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 165, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td span.active {
|
||||
background-color: #0d5373;
|
||||
color: white; }
|
||||
/* line 153, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 168, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker td span.old {
|
||||
color: #1275a1; }
|
||||
/* line 156, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 171, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker th.switch {
|
||||
width: 145px; }
|
||||
/* line 158, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 173, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker th.next, #datepicker .datepicker th.prev {
|
||||
font-size: 1.3em; }
|
||||
/* line 160, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 175, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker thead tr:first-child th {
|
||||
cursor: pointer; }
|
||||
/* line 178, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare {
|
||||
background-color: #e18e70; }
|
||||
/* line 181, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare thead tr th:after {
|
||||
border-top: 1px solid #d86d46; }
|
||||
/* line 183, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare thead tr th {
|
||||
background-color: #dd7d5b;
|
||||
color: #f7e1d9;
|
||||
border-bottom: solid 1px #e7a58e; }
|
||||
/* line 187, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare thead tr:first-child th {
|
||||
color: #ad4924; }
|
||||
/* line 189, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare td {
|
||||
border-bottom: solid 1px #e18e70; }
|
||||
/* line 191, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare td.day.disabled {
|
||||
color: #d45c31; }
|
||||
/* line 193, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare td.old, #datepicker .datepicker.datepicker-compare td.new {
|
||||
color: #d45c31; }
|
||||
/* line 197, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare td span:hover, #datepicker .datepicker.datepicker-compare td span.active {
|
||||
background-color: #ad4924; }
|
||||
/* line 199, admin-theme/_admin-date-range-picker.sass */
|
||||
#datepicker .datepicker.datepicker-compare td span.old {
|
||||
color: #d45c31; }
|
||||
|
||||
/* line 164, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 202, admin-theme/_admin-date-range-picker.sass */
|
||||
.chevron-left, #datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected), .chevron-right, #datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) {
|
||||
position: relative; }
|
||||
|
||||
/* line 166, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 204, admin-theme/_admin-date-range-picker.sass */
|
||||
.chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before, .chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before {
|
||||
display: block;
|
||||
content: "";
|
||||
@@ -9088,7 +9130,7 @@ textarea {
|
||||
border-style: solid;
|
||||
position: absolute; }
|
||||
|
||||
/* line 173, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 211, admin-theme/_admin-date-range-picker.sass */
|
||||
.chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before {
|
||||
right: 0px;
|
||||
top: 0;
|
||||
@@ -9096,7 +9138,7 @@ textarea {
|
||||
border-color: transparent transparent transparent #0d5373;
|
||||
background-color: #1275a1; }
|
||||
|
||||
/* line 179, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 217, admin-theme/_admin-date-range-picker.sass */
|
||||
.chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before {
|
||||
left: 0px;
|
||||
top: 0;
|
||||
@@ -9104,7 +9146,7 @@ textarea {
|
||||
border-color: transparent transparent transparent #1275a1;
|
||||
background-color: #0d5373; }
|
||||
|
||||
/* line 186, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 224, admin-theme/_admin-date-range-picker.sass */
|
||||
.input-complete {
|
||||
-webkit-animation: one 0.2s ease-in-out;
|
||||
-moz-animation: one 0.2s ease-in-out;
|
||||
@@ -9113,21 +9155,21 @@ textarea {
|
||||
animation: one 0.2s ease-in-out; }
|
||||
|
||||
@-webkit-keyframes one {
|
||||
/* line 194, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 232, admin-theme/_admin-date-range-picker.sass */
|
||||
0% {
|
||||
background-color: #1ba6e5; }
|
||||
|
||||
/* line 196, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 234, admin-theme/_admin-date-range-picker.sass */
|
||||
100% {
|
||||
background-color: white; } }
|
||||
|
||||
@-webkit-keyframes two {
|
||||
/* line 200, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 238, admin-theme/_admin-date-range-picker.sass */
|
||||
0% {
|
||||
-webkit-box-shadow: #1ba6e5 0 0 0 20px inset;
|
||||
box-shadow: #1ba6e5 0 0 0 20px inset; }
|
||||
|
||||
/* line 202, admin-theme/_admin-date-range-picker.sass */
|
||||
/* line 240, admin-theme/_admin-date-range-picker.sass */
|
||||
100% {
|
||||
-webkit-box-shadow: #1ba6e5 0 0 0 inset;
|
||||
box-shadow: #1ba6e5 0 0 0 inset; } }
|
||||
|
||||
@@ -1,15 +1,21 @@
|
||||
$color-bright: white
|
||||
$font-family: 'Josefin Sans', sans-serif
|
||||
$color-calendar: $brand-primary
|
||||
|
||||
$color-calendar: $brand-primary
|
||||
$color-calendar-compare: #E18E70
|
||||
|
||||
$color-calendar-day: $color-bright
|
||||
|
||||
$color-calendar-outrange: darken($color-calendar,15%)
|
||||
$color-calendar-outrange-compare: darken($color-calendar-compare,15%)
|
||||
|
||||
$color-calendar-day-selected: darken($color-calendar,25%)
|
||||
$color-calendar-day-selected-compare: darken($color-calendar-compare,25%)
|
||||
|
||||
$color-calendar-range: darken($color-calendar,15%)
|
||||
$color-calendar-range-compare: darken($color-calendar-compare,15%)
|
||||
|
||||
#datepicker
|
||||
input[type="text"]
|
||||
padding: 6px
|
||||
background-color: darken($color-calendar,10%)
|
||||
.input-selected
|
||||
@@ -129,9 +135,18 @@ $color-calendar-range: darken($color-calendar,15%)
|
||||
+border-radius(15px)
|
||||
font-weight: 700
|
||||
background-color: $color-calendar-day-selected
|
||||
&.start-selected-compare:not(.old):not(.new):not(.end-selected-compare)
|
||||
background-color: $color-calendar-day-selected-compare
|
||||
&.end-selected-compare:not(.old):not(.new):not(.start-selected-compare)
|
||||
background-color: $color-calendar-day-selected-compare
|
||||
&.end-selected-compare.start-selected-compare
|
||||
background-color: $color-calendar-day-selected-compare
|
||||
&.range
|
||||
color: lighten($color-calendar-range,35%)
|
||||
background-color: $color-calendar-range
|
||||
&.range-compare
|
||||
color: lighten($color-calendar-range-compare,35%)
|
||||
background-color: $color-calendar-range-compare
|
||||
&.today
|
||||
background-color: $color-bright
|
||||
|
||||
@@ -160,6 +175,29 @@ $color-calendar-range: darken($color-calendar,15%)
|
||||
thead tr:first-child th
|
||||
cursor: pointer
|
||||
|
||||
.datepicker.datepicker-compare
|
||||
background-color: $color-calendar-compare
|
||||
thead
|
||||
tr th:after
|
||||
border-top: 1px solid darken($color-calendar-compare,10%)
|
||||
tr th
|
||||
background-color: darken($color-calendar-compare,5%)
|
||||
color: lighten($color-calendar-compare,25%)
|
||||
border-bottom: solid 1px lighten($color-calendar-compare,7%)
|
||||
tr:first-child th
|
||||
color: $color-calendar-day-selected-compare
|
||||
td
|
||||
border-bottom: solid 1px $color-calendar-compare
|
||||
&.day.disabled
|
||||
color: $color-calendar-outrange-compare
|
||||
&.old, &.new
|
||||
color: $color-calendar-outrange-compare
|
||||
|
||||
span
|
||||
&:hover, &.active
|
||||
background-color: $color-calendar-day-selected-compare
|
||||
&.old
|
||||
color: $color-calendar-outrange-compare
|
||||
|
||||
.chevron-left, .chevron-right
|
||||
position: relative
|
||||
|
||||
Reference in New Issue
Block a user