diff --git a/frontend/resources/styles/main/partials/dashboard-grid.scss b/frontend/resources/styles/main/partials/dashboard-grid.scss index d8438c8b2..71f9305ec 100644 --- a/frontend/resources/styles/main/partials/dashboard-grid.scss +++ b/frontend/resources/styles/main/partials/dashboard-grid.scss @@ -126,7 +126,7 @@ h3 { color: $intense-ui-text; - font-size: $fs16; + font-size: $fs15; font-weight: 400; overflow: hidden; padding: 0; diff --git a/frontend/resources/styles/main/partials/library-bar.scss b/frontend/resources/styles/main/partials/library-bar.scss index 6e413a561..291d77b1a 100644 --- a/frontend/resources/styles/main/partials/library-bar.scss +++ b/frontend/resources/styles/main/partials/library-bar.scss @@ -17,7 +17,7 @@ display: flex; flex-direction: column; height: 100%; - padding-top: 60px; + padding-top: 40px; .library-tabs { align-items: center; @@ -61,21 +61,24 @@ padding-bottom: 20px; li { - border-bottom: 1px solid $secondary-ui-bg; cursor: pointer; display: flex; flex-direction: column; flex-shrink: 0; - padding: 10px; + padding: $medium; span.element-title { - color: $color-gray-dark; - font-weight: bold; - margin-bottom: 5px; + color: $intense-ui-text; + font-size: $fs14; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } + + &.recent-projects { + border-top: 1px solid $dark-ui-bg; + border-bottom: 1px solid $dark-ui-bg; + } input.element-title { border: 0; @@ -101,13 +104,17 @@ font-style: italic; } - &:hover, - &.current { + &:hover { background-color: $main-ui-color; + color: $intense-ui-text; + } + + &.current { span.element-title, .element-subtitle { - color: $color-white; + color: $intense-ui-text; + font-weight: bold; } input.element-title { color: $color-gray-dark; diff --git a/frontend/src/uxbox/main/ui/dashboard/projects.cljs b/frontend/src/uxbox/main/ui/dashboard/projects.cljs index fc23d3ffe..583158a4d 100644 --- a/frontend/src/uxbox/main/ui/dashboard/projects.cljs +++ b/frontend/src/uxbox/main/ui/dashboard/projects.cljs @@ -241,8 +241,7 @@ [:a.btn-primary #_{:on-click #(st/emit! di/create-collection)} "new project +"]] - [:li {:style {:marginBottom "20px"} - :on-click #(st/emit! (udp/go-to-project nil)) + [:li.recent-projects {:on-click #(st/emit! (udp/go-to-project nil)) :class-name (when (nil? id) "current")} [:span.element-title "Recent"]]