diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-06-29 16:10:53 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-07-19 08:16:57 +0200 |
| commit | 29ff7efe9a5be16b133a1ee4e43d6d2155b6a21c (patch) | |
| tree | 55f1645f13a1f5f2e0591e67dc62d23048f4a5a7 /core/css/header.scss | |
| parent | 98a0113d4083d4dff73f8212106673ccc1c4b744 (diff) | |
| download | nextcloud-server-29ff7efe9a5be16b133a1ee4e43d6d2155b6a21c.tar.gz nextcloud-server-29ff7efe9a5be16b133a1ee4e43d6d2155b6a21c.zip | |
Svg icon api sass function and upgrade of all styles
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 58 |
1 files changed, 56 insertions, 2 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index e218f86fa9b..a3566f9a21e 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -322,7 +322,6 @@ nav[role='navigation'] { } /* Apps management */ - #apps { max-height: calc(100vh - 100px); overflow: auto; @@ -336,7 +335,6 @@ nav[role='navigation'] { } /* USER MENU -----------------------------------------------------------------*/ - #settings { display: inline-block; height: 100%; @@ -405,6 +403,7 @@ nav[role='navigation'] { } } +/* Settings menu */ #expanddiv { &.menu { right: 17px; @@ -438,6 +437,7 @@ nav[role='navigation'] { } } +/* Apps menu */ #appmenu { display: inline-block; width: auto; @@ -585,3 +585,57 @@ nav[role='navigation'] { top: 50px; } } + +/* SEARCHBOX --------------------------------------------------------------- */ +.searchbox { + position: relative; + display: flex; + align-items: center; + input[type='search'] { + position: relative; + font-size: 1.2em; + padding: 3px; + padding-left: 25px; + padding-right: 20px; + background-color: transparent; + color: var(--color-primary-text); + border: 0; + border-radius: var(--border-radius); + height: 34px; + width: 0; + cursor: pointer; + -webkit-transition: all 100ms; + transition: all 100ms; + opacity: .6; + &:focus, &:active, &:valid { + background-position-x: 6px; + color: var(--color-primary-text); + width: 155px; + cursor: text; + background-color: var(--color-primary) !important; + border: 1px solid var(--color-primary-text-dark) !important; + } + &:hover, &:focus, &:active { + opacity: 1; + } + & ~ .icon-close-white { + display: inline; + position: absolute; + width: 30px; + height: 100%; + right: 0; + top: 0; + margin: 0; + &, &:focus, &:active, &:hover { + border: none; + background-color: transparent; + } + } + &:not(:valid) ~ .icon-close-white { + display: none; + } + &::-webkit-search-cancel-button { + -webkit-appearance: none; + } + } +}
\ No newline at end of file |