From 0806b7ccd533db5edaa0fbab50529a56e7f5d1b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tayfun=20O=CC=88zis=CC=A7=20ERI=CC=87KAN?= Date: Tue, 6 Aug 2013 04:55:09 +0300 Subject: [PATCH] #21 Continues - Active item's highlight was added to the dock. --- source/assets/stylesheets/application.css.sass | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/source/assets/stylesheets/application.css.sass b/source/assets/stylesheets/application.css.sass index fe19c2b..91df9b7 100755 --- a/source/assets/stylesheets/application.css.sass +++ b/source/assets/stylesheets/application.css.sass @@ -24,6 +24,7 @@ body.main -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.03) -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.03) box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.03) + overflow: hidden #content, #sidebar position: absolute @@ -33,16 +34,16 @@ body.main right: 0 #sidebar - +border-top-left-radius($wrapper-corner-width) background-color: $sidebar-bg width: $sidebar-width + z-index: 1 #dock width: $sidebar-width text-align: center color: $clouds .launcher - margin-top: 10px + margin-top: 15px cursor: pointer i display: block @@ -57,13 +58,16 @@ body.main +animate-property(color, $animation-duration, ease-in-out) color: $dock-active-icon-color &.active - &:after - display: none - // TODO content: "\f0da" + &:before + content: "" + background: $dock-active-icon-color + position: absolute + height: 55px + right: -2px + width: 4px #content - +border-top-right-radius($wrapper-corner-width) background-color: $body-bg padding: 20px left: $sidebar-width