suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move log expand/collapse icons to the left

Browse Source
This commit is contained in:
Sven Fuchs 2013-03-01 00:05:04 +01:00
parent b1b16f9039
commit 894fa721bf
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/ui/log.fold.closed.3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
assets/styles/_mixins/colors.sass
View File

@ -1,5 +1,5 @@
$brighten-1: rgba(255, 255, 255, 0.05) $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 $black: #000
$white: #fff $white: #fff
@ -63,7 +63,7 @@ $color-bg-tab-hover: $white
$color-bg-tab-active: $white $color-bg-tab-active: $white
$color-bg-log: $gray-dark-1 $color-bg-log: $gray-dark-1
$color-bg-log-fold: $gray-dark-2 $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-log-highlight: #747882
$color-bg-slider: $slate-blue-3 $color-bg-slider: $slate-blue-3
$color-bg-left: $gray-light-4 $color-bg-left: $gray-light-4

15
assets/styles/main/log.sass
View File

@ -20,18 +20,19 @@ pre#log
counter-reset: line-numbering counter-reset: line-numbering
p p
padding: 0 15px 0 50px padding: 0 15px 0 52px
margin: 0 margin: 0
min-height: 16px min-height: 16px
&:hover &:hover
background-color: $color-bg-log-hover background-color: $color-bg-log-hover !important
&.highlight &.highlight
background-color: $color-bg-log-highlight background-color: $color-bg-log-highlight
a a
color: white color: white
a a
display: inline-block display: inline-block
margin-left: -35px margin-left: -30px
min-width: 30px
cursor: pointer cursor: pointer
text-decoration: none text-decoration: none
@ -44,21 +45,23 @@ pre#log
.fold .fold
height: 16px height: 16px
overflow: hidden overflow: hidden
background: $color-bg-log-fold inline-image('ui/log.fold.closed.2.png') no-repeat 99.5% 3px
cursor: pointer cursor: pointer
&.open &.open
height: auto 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 &:not(.open) p:first-of-type
visibility: visible visibility: visible
height: auto height: auto
min-height: 16px min-height: 16px
background-image: inline-image('ui/log.fold.closed.3.png')
.fold-name .fold-name
position: absolute position: absolute
display: block display: block
right: 23px right: 12px
margin-top: 2px margin-top: 2px
padding: 0px 7px 2px 7px padding: 0px 7px 2px 7px
line-height: 10px line-height: 10px