From 894fa721bf9a43a15ef2a034a15a1b078173a4f3 Mon Sep 17 00:00:00 2001 From: Sven Fuchs <me@svenfuchs.com> Date: Fri, 1 Mar 2013 00:05:04 +0100 Subject: [PATCH] move log expand/collapse icons to the left --- assets/images/ui/log.fold.closed.3.png | Bin 0 -> 1828 bytes assets/styles/_mixins/colors.sass | 4 ++-- assets/styles/main/log.sass | 15 +++++++++------ 3 files changed, 11 insertions(+), 8 deletions(-) create mode 100644 assets/images/ui/log.fold.closed.3.png diff --git a/assets/images/ui/log.fold.closed.3.png b/assets/images/ui/log.fold.closed.3.png new file mode 100644 index 0000000000000000000000000000000000000000..304b09e78a6db2527033081c01025280ca1e51c1 GIT binary patch literal 1828 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 literal 0 HcmV?d00001 diff --git a/assets/styles/_mixins/colors.sass b/assets/styles/_mixins/colors.sass index 8ec6c329..eedabce5 100644 --- a/assets/styles/_mixins/colors.sass +++ b/assets/styles/_mixins/colors.sass @@ -1,5 +1,5 @@ $brighten-1: rgba(255, 255, 255, 0.05) -$brighten-2: rgba(255, 255, 255, 0.1) +$brighten-2: rgba(255, 255, 255, 0.15) $black: #000 $white: #fff @@ -63,7 +63,7 @@ $color-bg-tab-hover: $white $color-bg-tab-active: $white $color-bg-log: $gray-dark-1 $color-bg-log-fold: $gray-dark-2 -$color-bg-log-hover: $brighten-2 +$color-bg-log-hover: #555 $color-bg-log-highlight: #747882 $color-bg-slider: $slate-blue-3 $color-bg-left: $gray-light-4 diff --git a/assets/styles/main/log.sass b/assets/styles/main/log.sass index 575f7d76..e925c6ad 100644 --- a/assets/styles/main/log.sass +++ b/assets/styles/main/log.sass @@ -20,18 +20,19 @@ pre#log counter-reset: line-numbering p - padding: 0 15px 0 50px + padding: 0 15px 0 52px margin: 0 min-height: 16px &:hover - background-color: $color-bg-log-hover + background-color: $color-bg-log-hover !important &.highlight background-color: $color-bg-log-highlight a color: white a display: inline-block - margin-left: -35px + margin-left: -30px + min-width: 30px cursor: pointer text-decoration: none @@ -44,21 +45,23 @@ pre#log .fold height: 16px overflow: hidden - background: $color-bg-log-fold inline-image('ui/log.fold.closed.2.png') no-repeat 99.5% 3px cursor: pointer &.open height: auto - background-image: inline-image('ui/log.fold.open.2.png') + + p:first-of-type + background: $color-bg-log-fold inline-image('ui/log.fold.open.2.png') no-repeat 8px 3px &:not(.open) p:first-of-type visibility: visible height: auto min-height: 16px + background-image: inline-image('ui/log.fold.closed.3.png') .fold-name position: absolute display: block - right: 23px + right: 12px margin-top: 2px padding: 0px 7px 2px 7px line-height: 10px