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 00000000..304b09e7 Binary files /dev/null and b/assets/images/ui/log.fold.closed.3.png differ 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