dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// calendar WIP

Browse Source
This commit is contained in:
Kevin Granger
2013-10-15 12:10:05 +02:00
parent 2bc927c810
commit d1bc5eb6e0
5 changed files with 187 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/css/admin-theme.css
+94 -114
View File
@@ -6151,7 +6151,7 @@ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before,
content: "\f00c"; } content: "\f00c"; }
/* line 419, admin-theme/_font-awesome.scss */ /* line 419, admin-theme/_font-awesome.scss */
.icon-remove:before, .process-icon-cancel:before { .icon-remove:before, .alert.alert-danger:before:before, #carrier_wizard .wizard_error:before:before, .process-icon-cancel:before {
content: "\f00d"; } content: "\f00d"; }
/* line 422, admin-theme/_font-awesome.scss */ /* line 422, admin-theme/_font-awesome.scss */
@@ -8204,6 +8204,22 @@ a.link-social:hover {
.nav-tabs li.active a, .nav-tabs li.active a:hover { .nav-tabs li.active a, .nav-tabs li.active a:hover {
background-color: white; } background-color: white; }
/* line 42, admin-theme/_admin-commons.sass */
.alert.alert-danger, #carrier_wizard .wizard_error {
padding-left: 60px;
position: relative; }
/* line 45, admin-theme/_admin-commons.sass */
.alert.alert-danger:before, #carrier_wizard .wizard_error:before {
content: "\f00d";
position: absolute;
top: 0;
left: 0; }
/* line 52, admin-theme/_admin-commons.sass */
.overflow-y {
height: 200px;
overflow-y: auto; }
/* line 1, admin-theme/_admin-tables.sass */ /* line 1, admin-theme/_admin-tables.sass */
.table { .table {
border-collapse: separate; border-collapse: separate;
@@ -8876,112 +8892,75 @@ textarea {
/* line 19, admin-theme/_admin-date-range-picker.sass */ /* line 19, admin-theme/_admin-date-range-picker.sass */
#datepicker #date-end.input-selected { #datepicker #date-end.input-selected {
border: solid 3px #0d5373; } border: solid 3px #0d5373; }
/* line 21, admin-theme/_admin-date-range-picker.sass */ /* line 22, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepickers-container { #datepicker div#datepicker-form #date-range .form-date-heading {
width: 60%; background-color: #1896cf; }
float: left; /* line 24, admin-theme/_admin-date-range-picker.sass */
margin: 0; #datepicker div#datepicker-form #date-compare .form-date-heading {
font-size: 16px;
height: 16.8em; }
/* line 27, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form {
width: 40%;
float: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: none; }
/* line 32, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form #date-range .form-date-heading {
background-color: #dd7d5b; } background-color: #dd7d5b; }
/* line 34, admin-theme/_admin-date-range-picker.sass */ /* line 26, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form #date-compare .form-date-heading { #datepicker div#datepicker-form .form-date-heading {
background-color: #dd7d5b; } padding: 6px; }
/* line 36, admin-theme/_admin-date-range-picker.sass */ /* line 28, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .form-date-heading { #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-family: "Josefin Sans", sans-serif;
font-size: 1.15em; font-size: 1.15em;
padding: 6px;
color: white; color: white;
font-weight: 200; font-weight: 200;
text-transform: uppercase; } text-transform: uppercase;
/* line 43, admin-theme/_admin-date-range-picker.sass */ line-height: 2em; }
#datepicker form#datepicker-form .form-date-heading .btn-default { /* line 35, admin-theme/_admin-date-range-picker.sass */
#datepicker div#datepicker-form .form-date-heading .btn-default {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
font-weight: 700; font-weight: 700;
color: white; color: white;
border: none; } border: none; }
/* line 48, admin-theme/_admin-date-range-picker.sass */ /* line 40, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .form-date-body { #datepicker div#datepicker-form .form-date-body, #datepicker div#datepicker-form .form-date-actions {
padding: 10px; }
/* line 50, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .form-date-group {
-webkit-box-shadow: #0b435c 0 0 4px;
box-shadow: #0b435c 0 0 4px;
background-color: white;
width: 100%; width: 100%;
margin: 0 auto 6px auto; } padding: 10px;
/* line 55, admin-theme/_admin-date-range-picker.sass */ background-color: white;
#datepicker form#datepicker-form .form-date-group label, #datepicker form#datepicker-form .form-date-group input { display: inline-block; }
/* line 45, 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 */
#datepicker div#datepicker-form .form-date-group label {
font-family: "Josefin Sans", sans-serif;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
color: #666666;
line-height: 3.2em;
margin-bottom: 0; }
/* line 56, 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; float: left;
margin-right: 6px; } margin-right: 6px; }
/* line 58, admin-theme/_admin-date-range-picker.sass */ /* line 59, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .form-date-group label { #datepicker div#datepicker-form .form-date-group input[type='text'] {
line-height: 3.2em;
font-weight: 700;
font-size: 0.8em;
margin-bottom: 0; }
/* line 63, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .form-date-group input[type='text'] {
width: 35%; } width: 35%; }
/* line 65, admin-theme/_admin-date-range-picker.sass */ /* line 62, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .actions {
-webkit-box-shadow: #0b435c 0 0 4px;
box-shadow: #0b435c 0 0 4px;
padding: 0;
background-color: #1ba6e5; }
/* line 69, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .actions .btn-primary {
padding: 12px;
text-transform: uppercase;
background-color: white;
color: #0d5373;
border: none; }
/* line 75, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form .actions .btn-default {
padding: 12px;
text-transform: uppercase;
color: #0d5373;
background: transparent;
border: none; }
/* line 81, admin-theme/_admin-date-range-picker.sass */
#datepicker form#datepicker-form label {
font-family: "Josefin Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #666666; }
/* line 86, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker { #datepicker .datepicker {
position: relative; position: relative;
float: left; margin: 0 0 8px 0;
margin-right: 1%; width: 100%;
width: 49%;
height: 100%;
background-color: #1ba6e5; background-color: #1ba6e5;
font-family: "Josefin Sans", sans-serif; } font-family: "Josefin Sans", sans-serif;
/* line 95, admin-theme/_admin-date-range-picker.sass */ font-size: 14px;
height: 16.8em; }
/* line 70, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker table { #datepicker .datepicker table {
width: 100%; width: 100%;
margin: 0; } margin: 0; }
/* line 99, admin-theme/_admin-date-range-picker.sass */ /* line 74, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker thead tr th:after { #datepicker .datepicker thead tr th:after {
content: ""; content: "";
border-top: 1px solid #1585b8; border-top: 1px solid #1585b8;
width: 100%; width: 100%;
display: block; } display: block; }
/* line 104, admin-theme/_admin-date-range-picker.sass */ /* line 79, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker thead tr th { #datepicker .datepicker thead tr th {
background-color: #1896cf; background-color: #1896cf;
color: #8dd3f2; color: #8dd3f2;
@@ -8989,13 +8968,13 @@ textarea {
font-weight: 700; font-weight: 700;
border-bottom: solid 1px #3bb3e9; border-bottom: solid 1px #3bb3e9;
text-transform: uppercase; } text-transform: uppercase; }
/* line 111, admin-theme/_admin-date-range-picker.sass */ /* line 86, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker thead tr:first-child th { #datepicker .datepicker thead tr:first-child th {
background-color: white; background-color: white;
font-weight: 200; font-weight: 200;
font-size: 1.4em; font-size: 1.4em;
color: #0d5373; } color: #0d5373; }
/* line 116, admin-theme/_admin-date-range-picker.sass */ /* line 91, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td, #datepicker .datepicker th { #datepicker .datepicker td, #datepicker .datepicker th {
text-align: center; text-align: center;
height: 2em; height: 2em;
@@ -9003,12 +8982,12 @@ textarea {
padding: 0; padding: 0;
color: white; color: white;
position: relative; } position: relative; }
/* line 123, admin-theme/_admin-date-range-picker.sass */ /* line 98, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td { #datepicker .datepicker td {
font-weight: 400; font-weight: 400;
padding: 0 10px; padding: 0 10px;
border-bottom: solid 1px #1ba6e5; } border-bottom: solid 1px #1ba6e5; }
/* line 127, admin-theme/_admin-date-range-picker.sass */ /* line 102, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.day:after { #datepicker .datepicker td.day:after {
content: ""; content: "";
position: absolute; position: absolute;
@@ -9019,28 +8998,28 @@ textarea {
height: 100%; height: 100%;
z-index: 0; z-index: 0;
background-color: transparent; } background-color: transparent; }
/* line 137, admin-theme/_admin-date-range-picker.sass */ /* line 112, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.day:hover { #datepicker .datepicker td.day:hover {
cursor: pointer; } cursor: pointer; }
/* line 139, admin-theme/_admin-date-range-picker.sass */ /* line 114, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.day.disabled { #datepicker .datepicker td.day.disabled {
color: #1275a1; } color: #1275a1; }
/* line 141, admin-theme/_admin-date-range-picker.sass */ /* line 116, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.old, #datepicker .datepicker td.new { #datepicker .datepicker td.old, #datepicker .datepicker td.new {
color: #1275a1; } color: #1275a1; }
/* line 143, admin-theme/_admin-date-range-picker.sass */ /* line 118, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected) { #datepicker .datepicker td.start-selected:not(.old):not(.new):not(.end-selected) {
font-weight: 700; font-weight: 700;
background-color: #0d5373; background-color: #0d5373;
border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;
border-top-left-radius: 15px; } border-top-left-radius: 15px; }
/* line 148, admin-theme/_admin-date-range-picker.sass */ /* line 123, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) { #datepicker .datepicker td.end-selected:not(.old):not(.new):not(.start-selected) {
font-weight: 700; font-weight: 700;
background-color: #0d5373; background-color: #0d5373;
border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
border-top-right-radius: 15px; } border-top-right-radius: 15px; }
/* line 153, admin-theme/_admin-date-range-picker.sass */ /* line 128, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.end-selected.start-selected { #datepicker .datepicker td.end-selected.start-selected {
-webkit-border-radius: 15px; -webkit-border-radius: 15px;
-moz-border-radius: 15px; -moz-border-radius: 15px;
@@ -9049,14 +9028,14 @@ textarea {
border-radius: 15px; border-radius: 15px;
font-weight: 700; font-weight: 700;
background-color: #0d5373; } background-color: #0d5373; }
/* line 157, admin-theme/_admin-date-range-picker.sass */ /* line 132, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.range { #datepicker .datepicker td.range {
color: #77caef; color: #77caef;
background-color: #1275a1; } background-color: #1275a1; }
/* line 160, admin-theme/_admin-date-range-picker.sass */ /* line 135, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td.today { #datepicker .datepicker td.today {
background-color: white; } background-color: white; }
/* line 163, admin-theme/_admin-date-range-picker.sass */ /* line 138, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td span { #datepicker .datepicker td span {
padding: 0; padding: 0;
display: block; display: block;
@@ -9067,31 +9046,31 @@ textarea {
float: left; float: left;
text-transform: uppercase; text-transform: uppercase;
cursor: pointer; } cursor: pointer; }
/* line 173, admin-theme/_admin-date-range-picker.sass */ /* line 148, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td span:hover { #datepicker .datepicker td span:hover {
background-color: #0d5373; } background-color: #0d5373; }
/* line 175, admin-theme/_admin-date-range-picker.sass */ /* line 150, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td span.active { #datepicker .datepicker td span.active {
background-color: #0d5373; background-color: #0d5373;
color: white; } color: white; }
/* line 178, admin-theme/_admin-date-range-picker.sass */ /* line 153, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker td span.old { #datepicker .datepicker td span.old {
color: #1275a1; } color: #1275a1; }
/* line 181, admin-theme/_admin-date-range-picker.sass */ /* line 156, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker th.switch { #datepicker .datepicker th.switch {
width: 145px; } width: 145px; }
/* line 183, admin-theme/_admin-date-range-picker.sass */ /* line 158, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker th.next, #datepicker .datepicker th.prev { #datepicker .datepicker th.next, #datepicker .datepicker th.prev {
font-size: 1.3em; } font-size: 1.3em; }
/* line 185, admin-theme/_admin-date-range-picker.sass */ /* line 160, admin-theme/_admin-date-range-picker.sass */
#datepicker .datepicker thead tr:first-child th { #datepicker .datepicker thead tr:first-child th {
cursor: pointer; } cursor: pointer; }
/* line 189, admin-theme/_admin-date-range-picker.sass */ /* line 164, 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) { .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; } position: relative; }
/* line 191, admin-theme/_admin-date-range-picker.sass */ /* line 166, 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 { .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; display: block;
content: ""; content: "";
@@ -9100,7 +9079,7 @@ textarea {
border-style: solid; border-style: solid;
position: absolute; } position: absolute; }
/* line 198, admin-theme/_admin-date-range-picker.sass */ /* line 173, admin-theme/_admin-date-range-picker.sass */
.chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before { .chevron-left:before, #datepicker .datepicker td.start-selected:not(.end-selected):not(.new):not(.old):before {
right: 0px; right: 0px;
top: 0; top: 0;
@@ -9108,7 +9087,7 @@ textarea {
border-color: transparent transparent transparent #0d5373; border-color: transparent transparent transparent #0d5373;
background-color: #1275a1; } background-color: #1275a1; }
/* line 204, admin-theme/_admin-date-range-picker.sass */ /* line 179, admin-theme/_admin-date-range-picker.sass */
.chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before { .chevron-right:before, #datepicker .datepicker td.end-selected:not(.start-selected):not(.new):not(.old):before {
left: 0px; left: 0px;
top: 0; top: 0;
@@ -9116,7 +9095,7 @@ textarea {
border-color: transparent transparent transparent #1275a1; border-color: transparent transparent transparent #1275a1;
background-color: #0d5373; } background-color: #0d5373; }
/* line 211, admin-theme/_admin-date-range-picker.sass */ /* line 186, admin-theme/_admin-date-range-picker.sass */
.input-complete { .input-complete {
-webkit-animation: one 0.2s ease-in-out; -webkit-animation: one 0.2s ease-in-out;
-moz-animation: one 0.2s ease-in-out; -moz-animation: one 0.2s ease-in-out;
@@ -9125,21 +9104,21 @@ textarea {
animation: one 0.2s ease-in-out; } animation: one 0.2s ease-in-out; }
@-webkit-keyframes one { @-webkit-keyframes one {
/* line 219, admin-theme/_admin-date-range-picker.sass */ /* line 194, admin-theme/_admin-date-range-picker.sass */
0% { 0% {
background-color: #1ba6e5; } background-color: #1ba6e5; }
/* line 221, admin-theme/_admin-date-range-picker.sass */ /* line 196, admin-theme/_admin-date-range-picker.sass */
100% { 100% {
background-color: white; } } background-color: white; } }
@-webkit-keyframes two { @-webkit-keyframes two {
/* line 225, admin-theme/_admin-date-range-picker.sass */ /* line 200, admin-theme/_admin-date-range-picker.sass */
0% { 0% {
-webkit-box-shadow: #1ba6e5 0 0 0 20px inset; -webkit-box-shadow: #1ba6e5 0 0 0 20px inset;
box-shadow: #1ba6e5 0 0 0 20px inset; } box-shadow: #1ba6e5 0 0 0 20px inset; }
/* line 227, admin-theme/_admin-date-range-picker.sass */ /* line 202, admin-theme/_admin-date-range-picker.sass */
100% { 100% {
-webkit-box-shadow: #1ba6e5 0 0 0 inset; -webkit-box-shadow: #1ba6e5 0 0 0 inset;
box-shadow: #1ba6e5 0 0 0 inset; } } box-shadow: #1ba6e5 0 0 0 inset; } }
@@ -9620,13 +9599,14 @@ textarea {
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; -moz-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
width: 420px;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; } left: 0; }
/* line 34, admin-theme/_admin-login.sass */ /* line 35, admin-theme/_admin-login.sass */
#login-panel .front { #login-panel .front {
z-index: 2; } z-index: 2; }
/* line 37, admin-theme/_admin-login.sass */ /* line 38, admin-theme/_admin-login.sass */
#login-panel .back { #login-panel .back {
-webkit-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
@@ -9634,7 +9614,7 @@ textarea {
-o-transform: rotateY(180deg); -o-transform: rotateY(180deg);
transform: rotateY(180deg); } transform: rotateY(180deg); }
/* line 41, admin-theme/_admin-login.sass */ /* line 42, admin-theme/_admin-login.sass */
#login-footer a { #login-footer a {
color: #a0aab5; } color: #a0aab5; }
admin-dev/themes/default/css/admin-theme/_admin-commons.sass
+15
View File
@@ -38,3 +38,18 @@
li.active li.active
a, a:hover a, a:hover
background-color: white background-color: white
.alert.alert-danger
padding-left: 60px
position: relative
&:before
content: "\f00d"
@extend .icon-remove
position: absolute
top: 0
left: 0
.overflow-y
height: 200px
overflow-y: auto
admin-dev/themes/default/css/admin-theme/_admin-date-range-picker.sass
+29 -54
View File
@@ -18,80 +18,55 @@ $color-calendar-range: darken($color-calendar,15%)
border: solid 3px $color-calendar-day-selected border: solid 3px $color-calendar-day-selected
#date-end.input-selected #date-end.input-selected
border: solid 3px $color-calendar-day-selected border: solid 3px $color-calendar-day-selected
.datepickers-container div#datepicker-form
width: 60%
float: left
margin: 0
font-size: 16px
height: 16.8em
form#datepicker-form
width: 40%
float: left
+border-radius(0)
border: none
#date-range .form-date-heading #date-range .form-date-heading
background-color: darken($color-calendar-compare,5%) background-color: darken($color-calendar,5%)
#date-compare .form-date-heading #date-compare .form-date-heading
background-color: darken($color-calendar-compare,5%) background-color: darken($color-calendar-compare,5%)
.form-date-heading .form-date-heading
font-family: $font-family
font-size: 1.15em
padding: 6px padding: 6px
color: $color-bright .title, .checkbox-title label
font-weight: 200 font-family: $font-family
text-transform: uppercase font-size: 1.15em
color: $color-bright
font-weight: 200
text-transform: uppercase
line-height: 2em
.btn-default .btn-default
background-color: rgba($color-bright,0.3) background-color: rgba($color-bright,0.3)
font-weight: 700 font-weight: 700
color: $color-bright color: $color-bright
border: none border: none
.form-date-body .form-date-body, .form-date-actions
padding: 10px
.form-date-group
+box-shadow(darken($color-calendar,30%) 0 0 4px)
background-color: $color-bright
width: 100% width: 100%
margin: 0 auto 6px auto padding: 10px
background-color: white
display: inline-block
.form-date-group
width: 100%
margin: 0 auto
label
font-family: $font-family
font-size: 0.8em
font-weight: 700
text-transform: uppercase
color: #666
line-height: 3.2em
margin-bottom: 0
label, input label, input
float: left float: left
margin-right: 6px margin-right: 6px
label
line-height: 3.2em
font-weight: 700
font-size: 0.8em
margin-bottom: 0
input[type='text'] input[type='text']
width: 35% width: 35%
.actions
+box-shadow(darken($color-calendar,30%) 0 0 4px)
padding: 0
background-color: $color-calendar
.btn-primary
padding: 12px
text-transform: uppercase
background-color: $color-bright
color: $color-calendar-day-selected
border: none
.btn-default
padding: 12px
text-transform: uppercase
color: $color-calendar-day-selected
background: transparent
border: none
label
font-family: $font-family
font-weight: 700
text-transform: uppercase
color: #666
.datepicker .datepicker
//+box-shadow(darken($color-calendar,30%) 0 0 4px)
position: relative position: relative
float: left margin: 0 0 8px 0
margin-right: 1% width: 100%
width: 49%
height: 100%
background-color: $color-calendar background-color: $color-calendar
font-family: $font-family font-family: $font-family
font-size: 14px
height: 16.8em
table table
width: 100% width: 100%
margin: 0 margin: 0
admin-dev/themes/default/css/admin-theme/_admin-login.sass
+1
View File
@@ -27,6 +27,7 @@
.front, .back .front, .back
@include backface-visibility(hidden) @include backface-visibility(hidden)
width: 420px
position: absolute position: absolute
top: 0 top: 0
left: 0 left: 0
admin-dev/themes/default/template/helpers/calendar/calendar.tpl
+48 -36
View File
@@ -1,21 +1,25 @@
<div id="datepicker" class="datepicker-days"> <div id="datepicker" class="datepicker-days">
<div class="row"> <div class="row">
<div class="col-lg-8"> {if $is_rtl}
<div class="datepickers-container"> <div class="col-sm-6 col-lg-4">
{if $is_rtl} <div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
{else}
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
{/if}
</div>
</div> </div>
<div class="col-lg-4"> <div class="col-sm-6 col-lg-4">
<form class='form-inline' id='datepicker-form'> <div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
<fieldset class='form-date-group' id='date-range'> </div>
<div class='form-date-heading'> {else}
{l s='Date range'} <div class="col-sm-6 col-lg-4">
<div class="datepicker1" data-date="{$date_from}" data-date-format="{$date_format}"></div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="datepicker2" data-date="{$date_to}" data-date-format="{$date_format}"></div>
</div>
{/if}
<div class="col-lg-4 clearfix">
<div id='datepicker-form' class='form-inline'>
<div id='date-range' class='form-date-group'>
<div class='form-date-heading'>
<span class="title">{l s='Date range'}</span>
{if isset($actions) && $actions|count > 0} {if isset($actions) && $actions|count > 0}
{if $actions|count > 1} {if $actions|count > 1}
<div class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown'> <div class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown'>
@@ -32,39 +36,47 @@
{/if} {/if}
{/if} {/if}
</div> </div>
<div class='form-date-body form-group'> <div class='form-date-body'>
<label>{l s='From'}</label> <label>{l s='From'}</label>
<input class='date-input form-control' id='date-start' placeholder='Start' type='text' name="date_from" value="{$date_from}" /> <input class='date-input form-control' id='date-start' placeholder='Start' type='text' name="date_from" value="{$date_from}" />
<label>{l s='to'}</label> <label>{l s='to'}</label>
<input class='date-input form-control' id='date-end' placeholder='End' type='text' name="date_to" value="{$date_to}" /> <input class='date-input form-control' id='date-end' placeholder='End' type='text' name="date_to" value="{$date_to}" />
</div> </div>
<hr/> </div>
<div class='form-date-heading'> <div id="date-compare" class='form-date-group'>
<div>{l s='Compare to'}</div> <div class='form-date-heading clearfix'>
<span class="checkbox-title">
<label >
<input type='checkbox'>
{l s='Compare to'}
</label>
</span>
<button class='btn btn-default btn-xs pull-right dropdown-toggle' data-toggle='dropdown'>
Custom
<i class='icon-angle-down'></i>
</button>
</div> </div>
<div class="form-date-body form-group"> <div class="form-date-body">
<label>{l s='From'}</label> <label>{l s='From'}</label>
<input id="compare-date-start" class="date-input form-control" type="text" placeholder="Start" name="compare_date_from" value="{$compare_date_from}" /> <input id="compare-date-start" class="date-input form-control" type="text" placeholder="Start" name="compare_date_from" value="{$compare_date_from}" />
<label>{l s='to'}</label> <label>{l s='to'}</label>
<input id="compare-date-end" class="date-input form-control" type="text" placeholder="End" name="compare_date_to" value="{$compare_date_to}" /> <input id="compare-date-end" class="date-input form-control" type="text" placeholder="End" name="compare_date_to" value="{$compare_date_to}" />
</div> </div>
<hr/> </div>
<div class='form-group'> <div class='form-date-actions'>
<button class='btn btn-default' type='button'> <button class='btn btn-default' type='button'>
<i class='icon-remove text-danger'></i> <i class='icon-remove text-danger'></i>
{l s='Cancel'} {l s='Cancel'}
</button> </button>
<button class='btn btn-default pull-right' type='submit' name="submitDateRange">
<button class='btn btn-default' type='submit' name="submitDateRange"> <i class='icon-ok text-success'></i>
<i class='icon-ok text-success'></i> {l s='Apply'}
{l s='Apply'} </button>
</button> </div>
</div> </div>
</fieldset>
</form>
</div> </div>
</div> </div>
<hr/>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {