diff options
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/apps.scss | 15 | ||||
| -rw-r--r-- | core/css/inputs.scss | 75 | ||||
| -rw-r--r-- | core/css/public.scss | 22 | ||||
| -rw-r--r-- | core/css/server.scss | 1 |
4 files changed, 98 insertions, 15 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index f8c87eda43d..10adaee929d 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -681,21 +681,6 @@ kbd { } } -/* DROPDOWN ----------------------------------------------------------------- */ -.dropdown { - background: nc-darken($color-main-background, 8%); - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - box-shadow: 0 1px 1px $color-box-shadow; - display: block; - margin-right: 0; - position: absolute; - right: 0; - width: 420px; - z-index: 500; - padding: 16px; -} - /* TABS --------------------------------------------------------------------- */ .tabHeaders { display: inline-block; diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 00e0e47f9a8..c0576f01b09 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -483,6 +483,81 @@ input { } } +/* Vue v-select */ +.v-select { + margin: 3px 3px 3px 0; + display: inline-block; + .dropdown-toggle { + display: flex !important; + flex-wrap: wrap; + .selected-tag { + line-height: 20px; + padding-left: 5px; + background-image: none; + background-color: $color-main-background; + color: nc-lighten($color-main-text, 33%); + border: 1px solid nc-darken($color-main-background, 14%); + display: inline-flex; + align-items: center; + .close { + margin-left: 3px; + } + } + } + .dropdown-menu { + padding: 0; + li { + padding: 5px; + position: relative; + display: list-item; + background-color: transparent; + cursor: pointer; + color: nc-lighten($color-main-text, 33%); + a { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + height: 25px; + padding: 3px 7px 4px 2px; + margin: 0; + cursor: pointer; + min-height: 1em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-flex; + align-items: center; + background-color: transparent !important; + color: inherit !important; + &::before { + content: ' '; + background-image: url('../img/actions/checkmark.svg?v=1'); + background-repeat: no-repeat; + background-position: center; + min-width: 16px; + min-height: 16px; + display: block; + opacity: 0.5; + margin-right: 5px; + visibility: hidden; + } + } + &.highlight { + color: $color-main-text; + } + &.active > a { + background-color: nc-darken($color-main-background, 3%); + color: $color-main-text; + &::before { + visibility: visible; + } + } + } + } +} + /* Progressbar */ progress { display: block; diff --git a/core/css/public.scss b/core/css/public.scss new file mode 100644 index 00000000000..3651e701c34 --- /dev/null +++ b/core/css/public.scss @@ -0,0 +1,22 @@ +#body-public { + .header-right { + + span:not(.popovermenu) a { + color: $color-primary-text; + } + + .menutoggle, + #header-primary-action[class^='icon-'] { + padding: 14px; + padding-right: 40px; + background-position: right 15px center; + color: $color-primary-text; + cursor: pointer; + } + + .menutoggle { + padding-right: 10px; + } + + } +}
\ No newline at end of file diff --git a/core/css/server.scss b/core/css/server.scss index 516220f2ad5..9b512038015 100644 --- a/core/css/server.scss +++ b/core/css/server.scss @@ -9,3 +9,4 @@ @import 'multiselect.scss'; @import 'mobile.scss'; @import 'tooltip.scss'; +@import 'public.scss';
\ No newline at end of file |