diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-11-03 15:00:36 +0100 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-11-03 15:00:36 +0100 |
| commit | b01e979d77199949ad5648f22561c20c5ea2ebef (patch) | |
| tree | 99571ce0a0ef9e56409bd086f4bb44cfb2ed6457 /core/css | |
| parent | 576d31d48d1e368c0ca54a95f28dc3bc0e553d83 (diff) | |
| download | nextcloud-server-b01e979d77199949ad5648f22561c20c5ea2ebef.tar.gz nextcloud-server-b01e979d77199949ad5648f22561c20c5ea2ebef.zip | |
Improve timepicker design, align to datepicker
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/header.scss | 3 | ||||
| -rw-r--r-- | core/css/styles.scss | 66 |
2 files changed, 68 insertions, 1 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index 1e5e2846723..42f64a42edc 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -206,7 +206,8 @@ nav { } #navigation, -.ui-datepicker { +.ui-datepicker, +.ui-timepicker.ui-widget { position: relative; left: -100%; width: 160px; diff --git a/core/css/styles.scss b/core/css/styles.scss index d74840fe444..262cf283895 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -1070,6 +1070,72 @@ code { background: $color-main-background; } + +/* ---- jQuery UI timepicker ---- */ +.ui-widget.ui-timepicker { + margin-top: 10px !important; + width: auto !important; + border-radius: $border-radius; + + .ui-widget-content { + border: none !important; + } + + .ui-state-default, + .ui-widget-content .ui-state-default, + .ui-widget-header .ui-state-default { + border: 1px solid transparent; + background: inherit; + } + .ui-widget-header { + padding: 7px; + font-size: 13px; + border: none; + background-color: $color-main-background; + color: $color-main-text; + + .ui-timepicker-title { + line-height: 1; + font-weight: 300; + } + } + .ui-timepicker-table { + th { + font-weight: normal; + color: nc-lighten($color-main-text, 33%); + opacity: .8; + } + tr:hover { + background-color: inherit; + } + td { + > * { + border-radius: 50%; + text-align: center; + font-weight: normal; + color: $color-main-text; + padding: 8px 7px; + font-size: .9em; + line-height: 12px; + } + + &.ui-timepicker-hour-cell a.ui-state-active, + &.ui-timepicker-minute-cell a.ui-state-active, + .ui-state-hover, + .ui-state-focus { + background-color: $color-primary; + color: $color-primary-text; + font-weight: bold; + } + + &.ui-timepicker-minutes:not(.ui-state-hover) { + color: nc-lighten($color-main-text, 33%); + opacity: .8; + } + } + } +} + /* ---- DIALOGS ---- */ #oc-dialog-filepicker-content { |