furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Site > Viewer > Improve line highlights and questions

Browse Source
This commit is contained in:
brunosimon
2017-09-03 22:13:29 +02:00
parent 71863894b8
commit db8c5c7c93
2 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/viewer/style.styl
+32 -18
View File
@@ -18,7 +18,6 @@
right 0
width 100%
bottom 0
font-family Inconsolata, Monaco, Consolas, 'Courier New', Courier
line-height 20px
letter-spacing 0.5px
font-size 15px
@@ -32,6 +31,8 @@
position absolute
top 0
left 0
right 0
width 65px
.line
position relative
@@ -39,36 +40,47 @@
opacity 0.75
letter-spacing -1px
padding-left 25px
cursor pointer
font-size 12px
.added
.highlight
position absolute
top 0
left 9px
color #00ffa5
left 0
width calc(100vw - 315px)
pointer-events none
.version-active &
width calc(100vw - 315px - 202px)
.added
height 20px
background #41FF79
opacity 0.2
.removed
position absolute
top -10px
left 9px
color #ff8157
height 1px
background #FD4141
opacity 0.4
.active
height 20px
background #00d8ff
opacity 0.2
.question
display none
position absolute
top 0
right -8px
font-size 12px
color #00d8ff
.active
position absolute
top 0
right -14px
font-size 12px
left 0
width 65px
text-align right
padding-right 8px
color #00d8ff
cursor pointer
&:hover
color #00d8ff
.question
display block
@@ -79,6 +91,8 @@
right 0
height 100%
outline none
font-family Inconsolata, Monaco, Consolas, 'Courier New', Courier
::-moz-selection
background #bdb9bf
::selection