diff options
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/apps.scss | 31 | ||||
| -rw-r--r-- | core/css/inputs.scss | 5 | ||||
| -rw-r--r-- | core/css/multiselect.scss | 9 |
3 files changed, 39 insertions, 6 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 10adaee929d..9d35f8b8c18 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -92,6 +92,22 @@ kbd { border-right: 1px solid $color-border; display: flex; flex-direction: column; + + /* 'New' button */ + .app-navigation-new { + display: block; + padding: 10px; + button { + display: inline-block; + width: 100%; + padding: 10px; + padding-left: 34px; + background-position: 10px center; + text-align: left; + margin: 0; + } + } + li { position: relative; } @@ -794,14 +810,14 @@ kbd { flex: 0 0 auto; > button, > a, - > .menuitem { + > .menuitem, + > label { cursor: pointer; line-height: 36px; border: 0; background-color: transparent; display: flex; align-items: center; - width: auto; height: auto; margin: 0; font-weight: 300; @@ -869,6 +885,9 @@ kbd { > input.radio + label::before { margin: -2px 11px 0; } + > input:not([type=radio]):not([type=checkbox]):not([type=image]) { + width: 150px; + } } > button { padding: 0; @@ -880,7 +899,7 @@ kbd { } } - +/* CONTENT WRAPPER --------------------------------------------------------- */ #app-content-wrapper { display: flex; position: relative; @@ -895,6 +914,8 @@ kbd { overflow-y: auto; } } + +/* CONTENT LIST ------------------------------------------------------------- */ .app-content-list { width: 300px; border-right: 1px solid nc-darken($color-main-background, 8%); @@ -1040,7 +1061,8 @@ kbd { } } } -/* App content */ + +/* CONTENT ------------------------------------------------------------------ */ .app-content-detail { /* grow full width */ flex-grow: 1; @@ -1050,6 +1072,7 @@ kbd { } } +/* MOBILE ------------------------------------------------------------------- */ /* Mobile width < 768px */ @media only screen and (max-width: 768px) { diff --git a/core/css/inputs.scss b/core/css/inputs.scss index c0576f01b09..7b74d645481 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -149,6 +149,11 @@ input[type='reset'] { cursor: pointer; box-sizing: border-box; background-color: nc-darken($color-main-background, 3%); + &.icon-confirm:not(:empty), + &.icon-confirm[value]:not([value=""]) { + background-position: calc(100% - 6px) center; + padding-right: 30px; + } } /* Buttons */ diff --git a/core/css/multiselect.scss b/core/css/multiselect.scss index 3aa9eb639dd..da6cbde3722 100644 --- a/core/css/multiselect.scss +++ b/core/css/multiselect.scss @@ -25,7 +25,7 @@ ul.multiselectoptions { position: absolute; max-height: 20em; overflow-y: auto; - z-index: 49; + z-index: 149; &.down { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; @@ -96,7 +96,7 @@ div.multiselect { &.active { background-color: $color-main-background; position: relative; - z-index: 50; + z-index: 150; } &.up { border-top: 0 none; @@ -116,11 +116,16 @@ div.multiselect { text-overflow: ellipsis; width: 90%; white-space: nowrap; + line-height: 20px; } &:last-child { position: absolute; right: 8px; top: 8px; + padding: 0 !important; + min-width: 16px; + min-height: 16px; + background-position: center; } } } |