From 0ba8903aad3f58619e2cd8adcbe0fdd079d6f80c Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Mon, 17 Jul 2017 11:08:40 +0200
Subject: [PATCH] Make dates slightly larger and perfectly rounded.
SCSS cleanup, fix fringe cases, add margin between dates, un-bold title.
Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
core/css/styles.scss | 50 +++++++++++++++++++-------------------------
1 file changed, 21 insertions(+), 29 deletions(-)
diff --git a/core/css/styles.scss b/core/css/styles.scss
index d67d78c2dc0..f453525e6ad 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -968,6 +968,7 @@ code {
.ui-widget.ui-datepicker {
margin-top: 10px;
padding: 4px 8px;
+ width: auto;
.ui-state-default,
.ui-widget-content .ui-state-default,
@@ -975,78 +976,69 @@ code {
border: 1px solid transparent;
background: inherit;
}
-
.ui-widget-header {
- margin: 3px 3px 3px 0;
- padding: 7px 6px;
+ padding: 7px;
font-size: 13px;
- border: none; // 1px solid #dbdbdb;
- border-radius: 3px;
+ font-weight: normal;
+ border: none;
background-color: $color-main-background;
color: $color-main-text;
.ui-datepicker-title {
line-height: 1;
}
-
.ui-icon {
opacity: .5;
- }
+ &.ui-icon-circle-triangle-e {
+ background: url("../img/actions/arrow-right.svg") center center no-repeat;
+ }
+ &.ui-icon-circle-triangle-w {
+ background: url("../img/actions/arrow-left.svg") center center no-repeat;
+ }
+ }
.ui-state-hover .ui-icon {
opacity: 1;
}
-
- .ui-icon.ui-icon-circle-triangle-e {
- background: url("../img/actions/arrow-right.svg") center center no-repeat;
- }
-
- .ui-icon.ui-icon-circle-triangle-w {
- background: url("../img/actions/arrow-left.svg") center center no-repeat;
- }
}
-
.ui-datepicker-calendar {
th {
font-weight: normal;
color: nc-lighten($color-main-text, 33%);
}
-
tr:hover {
background-color: inherit;
}
-
td {
- padding: 0;
-
- a {
- border-radius: 3px;
+ > * {
+ border-radius: 50%;
text-align: center;
font-weight: normal;
color: $color-main-text;
- }
-
- &.ui-datepicker-week-end a:not(.ui-state-hover),
- .ui-priority-secondary {
- color: nc-lighten($color-main-text, 33%);
+ padding: 6px;
+ line-height: 12px;
}
&.ui-datepicker-today a:not(.ui-state-hover) {
background-color: nc-lighten($color-main-text, 86%);
}
- &.ui-datepicker-current-day .ui-state-active,
+ &.ui-datepicker-current-day a.ui-state-active,
.ui-state-hover,
.ui-state-focus {
background-color: $color-primary;
color: $color-primary-text;
font-weight: bold;
}
+
+ &.ui-datepicker-week-end :not(.ui-state-hover),
+ .ui-priority-secondary:not(.ui-state-hover) {
+ color: nc-lighten($color-main-text, 33%);
+ }
}
}
}
-
.ui-datepicker-prev, .ui-datepicker-next {
border: nc-lighten($color-main-text, 86%);
background: $color-main-background;
--
GitLab