diff --git a/src/app/components/sidebar/_sidebar.scss b/src/app/components/sidebar/_sidebar.scss index 1701c0f..785587d 100644 --- a/src/app/components/sidebar/_sidebar.scss +++ b/src/app/components/sidebar/_sidebar.scss @@ -27,7 +27,7 @@ a.collapse-menu-link { color: #fff; width: 18px; position: absolute; - top: 52px; + top: 47px; right: -18px; padding: 0; @@ -49,7 +49,7 @@ a.collapse-menu-link { .al-sidebar-list-block { position: absolute; height: 100%; - top: 52px; + top: 88px; left: 0; width: 100%; padding-bottom: 10px; @@ -116,6 +116,46 @@ a.al-sidebar-list-link { } } +.sidebar-overlap { + background: rgba(0, 0, 0, .75); + @extend .sidebar-full-width; +} + +.slimScrollBar, .slimScrollRail { + border-radius: 0px !important; + width: 4px !important; +} + +.search { + position: absolute; + left: 18px; + top: 54px; + text-shadow: none; + color: #fff; + font-size: 13px; + line-height: 25px; + transition: all 0.5s ease; + white-space: nowrap; + overflow: hidden; + width: 162px; + label { + cursor: pointer; + } + i { + margin-right: 18px; + width: 16px; + display: inline-block; + } + input { + background: none; + border: none; + outline: none; + width: 120px; + padding: 0; + margin: 0 0 0 -3px; + } +} + @mixin default-sublist() { margin: 0; padding: 0; @@ -182,9 +222,9 @@ a.al-sidebar-list-link { width: 52px; .al-logo { - padding-left: 18px; + padding-left: 16px; span { - padding-left: 18px; + padding-left: 20px; } } @@ -228,6 +268,10 @@ a.al-sidebar-list-link { .sidebar-hover-elem, .sidebar-select-elem { left: 48px; } + + .search { + width: 32px; + } } } @@ -303,14 +347,8 @@ a.al-sidebar-list-link { .sidebar-hover-elem, .sidebar-select-elem { left: $sidebar-width - 4; } -} -.sidebar-overlap { - background: rgba(0, 0, 0, .75); - @extend .sidebar-full-width; -} - -.slimScrollBar, .slimScrollRail { - border-radius: 0px !important; - width: 4px !important; + .search { + width: 162px; + } } \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar.html b/src/app/components/sidebar/sidebar.html index f2f1986..93f064d 100644 --- a/src/app/components/sidebar/sidebar.html +++ b/src/app/components/sidebar/sidebar.html @@ -7,6 +7,12 @@ +