remove more legacy styles
This commit is contained in:
Lisa Passing
parent
5b361a49ef
commit
f41babc783
|
|
@ -16,13 +16,9 @@
|
|||
|
||||
@import "app/main/list";
|
||||
@import "app/main/log";
|
||||
// @import "app/main/sponsors";
|
||||
@import "app/misc";
|
||||
@import "app/popup";
|
||||
// @import "app/pro";
|
||||
// @import "app/settings";
|
||||
|
||||
// @import "app/components/travis-switch";
|
||||
@import "app/components/sync-button";
|
||||
@import "app/components/loading-indicator";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,62 +0,0 @@
|
|||
.settings-row
|
||||
margin-top: 20px
|
||||
|
||||
.settings-row,
|
||||
.short-settings-element
|
||||
& > *
|
||||
box-sizing: content-box
|
||||
|
||||
a.travis-switch
|
||||
margin: 0 10px 0 0
|
||||
|
||||
p.settings-row
|
||||
line-height: 30px
|
||||
|
||||
.travis-switch
|
||||
box-sizing: content-box
|
||||
position: relative
|
||||
display: inline-block
|
||||
float: left
|
||||
width: 5em
|
||||
height: 1.45em
|
||||
margin: 20px 0 50px 0
|
||||
padding: 0.42em 1.5em
|
||||
background-color: #F5F5F5
|
||||
border: 1px solid #E3E1E1
|
||||
border-radius: 4px
|
||||
line-height: 1.58em
|
||||
font-size: 12px
|
||||
color: #999999
|
||||
cursor: pointer
|
||||
text-align: right
|
||||
&:before
|
||||
content: ""
|
||||
position: absolute
|
||||
top: 2px
|
||||
left: 2px
|
||||
width: 3.5em
|
||||
height: 1.9em
|
||||
background: #e9e9e7
|
||||
border: 1px solid #d7d4d4
|
||||
border-radius: 2px
|
||||
|
||||
.travis-switch.active
|
||||
background-color: #607A83
|
||||
border-radius: 4px
|
||||
color: #ffffff
|
||||
font-weight: 600
|
||||
text-align: left
|
||||
&:before
|
||||
left: auto
|
||||
right: 2px
|
||||
border: 1px solid #9cafb5
|
||||
|
||||
span.on
|
||||
background-color: #607A83
|
||||
color: #fff
|
||||
font-weight: 800
|
||||
border-radius: 3px
|
||||
float: left
|
||||
|
||||
span.off
|
||||
float: right
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
#main
|
||||
.sponsor
|
||||
// float: left
|
||||
margin-top: 0
|
||||
color: #999
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
|
||||
.pro
|
||||
#log-container
|
||||
padding-bottom: 1.2em
|
||||
|
||||
.tip
|
||||
a
|
||||
text-decoration: underline
|
||||
p
|
||||
margin-top: 12px
|
||||
margin-bottom: 0px
|
||||
|
||||
#top
|
||||
li.stats
|
||||
display: none
|
||||
|
||||
// .profile
|
||||
// margin-right: 5px
|
||||
|
||||
.legal
|
||||
min-width: 110px
|
||||
ul
|
||||
margin-left: -20px
|
||||
a
|
||||
padding: 5px 35px
|
||||
|
||||
#github
|
||||
display: none
|
||||
|
||||
&#home #main
|
||||
padding-right: 30px
|
||||
|
||||
#repository .github-stats
|
||||
display: none
|
||||
|
||||
#empty
|
||||
font-size: $font-size-big
|
||||
|
||||
h2
|
||||
margin-bottom: 37px
|
||||
|
||||
ul
|
||||
list-style-type: disc
|
||||
padding-left: 18px
|
||||
|
||||
a
|
||||
text-decoration: underline
|
||||
|
||||
.sponsor
|
||||
display: none
|
||||
|
||||
&#profile #main
|
||||
.tabs .right
|
||||
float: right
|
||||
.tabs #tab_billing
|
||||
margin-right: 0
|
||||
|
||||
.activate,
|
||||
.activated
|
||||
position: absolute
|
||||
display: block
|
||||
right: 0
|
||||
margin: -54px 30px 0 0
|
||||
padding-right: 25px
|
||||
|
||||
&:before
|
||||
content: ""
|
||||
position: absolute
|
||||
top: 5px
|
||||
right: 7px
|
||||
width: 12px
|
||||
height: 12px
|
||||
|
||||
.activate:before
|
||||
background: inline-image('ui/activate.png') no-repeat 0 0
|
||||
background-position: 0px 5px
|
||||
height: 100%
|
||||
|
||||
.activate:hover:before,
|
||||
.activate:focus:before,
|
||||
.activate:active:before
|
||||
background-position: -12px 5px
|
||||
|
||||
.activated
|
||||
background: #44a057
|
||||
border: 0
|
||||
color: white
|
||||
|
||||
.activated:before
|
||||
background: url(/images/ui/activated.png) no-repeat 0 0
|
||||
|
||||
#running-jobs
|
||||
.jobs
|
||||
margin: 5px 0 5px
|
||||
.job
|
||||
list-style-type: disc
|
||||
list-style-position: inside
|
||||
.slug
|
||||
max-width: 150px
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
text-overflow: ellipsis
|
||||
display: inline-block
|
||||
display: -moz-inline-stack
|
||||
.group a
|
||||
cursor: pointer
|
||||
|
||||
#right
|
||||
padding-top: 13px
|
||||
padding-right: 20px
|
||||
padding-left: 20px
|
||||
color: $color-link
|
||||
h4
|
||||
margin: 24px 0 0
|
||||
ul
|
||||
@include resetul
|
||||
margin-top: 10px
|
||||
li
|
||||
word-wrap: break-word
|
||||
|
||||
.box
|
||||
margin-top: 25px
|
||||
margin-left: -3px
|
||||
padding: 15px
|
||||
border: 1px solid #e0e0e0
|
||||
background-color: $color-bg-sidebar-box
|
||||
|
||||
h4
|
||||
margin: 0
|
||||
a
|
||||
text-decoration: underline
|
||||
li
|
||||
list-style-type: square
|
||||
margin-left: 15px
|
||||
|
||||
#queues
|
||||
ul
|
||||
margin: 5px 0 5px
|
||||
|
||||
|
||||
#slider
|
||||
position: absolute
|
||||
height: 99%
|
||||
top: 12px
|
||||
left: 0
|
||||
width: 10px
|
||||
background-color: $color-bg-slider
|
||||
cursor: pointer
|
||||
background: transparent url(/images/ui/slider-closed.png) no-repeat 3px 38px
|
||||
border-top-left-radius: 4px
|
||||
|
||||
&:hover
|
||||
background-color: $color-border-slider-hover
|
||||
|
||||
#right .show-more-jobs
|
||||
text-decoration: underline
|
||||
cursor: pointer
|
||||
|
||||
#right
|
||||
background-color: $right-bg
|
||||
border-left: 1px solid $color-border-normal
|
||||
|
||||
#settings li.env-var span.name
|
||||
width: 210px
|
||||
|
||||
#settings li.env-var span.value
|
||||
max-width: 265px
|
||||
#settings
|
||||
min-width: 675px
|
||||
|
|
@ -1,306 +0,0 @@
|
|||
#settings
|
||||
ul
|
||||
@include resetul
|
||||
|
||||
.settings-form
|
||||
margin: 30px 0 30px 0
|
||||
|
||||
p.short-settings-element
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
margin: 0 10px 0 0
|
||||
float: left
|
||||
|
||||
label
|
||||
line-height: 30px
|
||||
|
||||
input
|
||||
display: inline-block
|
||||
float: left
|
||||
width: 60px
|
||||
height: 18px
|
||||
padding: 5px 18px 5px 18px
|
||||
background-color: #F5F5F5
|
||||
border: 1px solid #E3E1E1
|
||||
border-radius: 4px
|
||||
line-height: 19px
|
||||
font-size: 11px
|
||||
color: #999999
|
||||
text-align: center
|
||||
|
||||
.field.invalid
|
||||
input, textarea
|
||||
border-width: 1px
|
||||
border-color: #ffb6c1
|
||||
background: rgb(252, 227, 230)
|
||||
|
||||
form.env-var, form.ssh-key
|
||||
margin-top: 20px
|
||||
|
||||
.field
|
||||
padding-bottom: 10px
|
||||
clear: left
|
||||
@media screen and (min-width: 47em)
|
||||
clear: none
|
||||
.field:after
|
||||
visibility: hidden
|
||||
display: block
|
||||
font-size: 0
|
||||
content: " "
|
||||
clear: both
|
||||
height: 0
|
||||
|
||||
.travis-switch
|
||||
display: block
|
||||
|
||||
label
|
||||
display: inline-block
|
||||
|
||||
form.env-var
|
||||
label
|
||||
width: 40px
|
||||
label.value
|
||||
width: auto
|
||||
line-height: 1.9em
|
||||
.travis-switch.value
|
||||
font-size: 10px
|
||||
form.ssh-key
|
||||
span.error
|
||||
display: block
|
||||
margin-left: 76px
|
||||
label
|
||||
width: 73px
|
||||
label.value
|
||||
float: left
|
||||
textarea
|
||||
margin-left: 3px
|
||||
width: 580px
|
||||
height: 250px
|
||||
display: inline-block
|
||||
padding: 0 5px 0 5px
|
||||
background-color: #fff
|
||||
border: 1px solid #ddd
|
||||
line-height: 17px
|
||||
font-size: 13px
|
||||
color: #999999
|
||||
text-align: left
|
||||
|
||||
span.error
|
||||
display: inline-block
|
||||
margin-left: 10px
|
||||
color: #a80000
|
||||
|
||||
.env-var input[type=submit].saving, .ssh-key input[type=submit].saving,
|
||||
.env-var .delete-var.deleting, .delete-ssh-key.deleting
|
||||
background-color: #bbb
|
||||
background-image: inline-image('ui/round-spinner.svg')
|
||||
background-repeat: no-repeat
|
||||
background-position: center
|
||||
background-size: 20px
|
||||
text-indent: -9999px
|
||||
|
||||
.env-var-name
|
||||
span
|
||||
font-size: 18px
|
||||
font-weight: 600
|
||||
color: #5e6872
|
||||
|
||||
span.value.value-display
|
||||
font-size: 14px
|
||||
background-color: #efefdf
|
||||
border-radius: 4px
|
||||
padding: 0 10px 0 10px
|
||||
color: #838b8c
|
||||
font-family: monospace
|
||||
|
||||
span.value.value-display.secure
|
||||
background-image: inline-image('ui/secure.png')
|
||||
background-position: 8px center
|
||||
background-repeat: no-repeat
|
||||
background-size: 0.5em
|
||||
padding-left: 26px
|
||||
|
||||
.add-env-var, .add-ssh-key
|
||||
color: $white
|
||||
background-color: #97a3aa
|
||||
border-radius: 4px
|
||||
padding: 8px 12px 8px 12px
|
||||
margin-bottom: 20px
|
||||
font-size: 13px
|
||||
line-height: 55px
|
||||
cursor: pointer
|
||||
|
||||
.add-env-var:hover, .add-ssh-key:hover
|
||||
background-color: #7c878d
|
||||
|
||||
input
|
||||
display: inline-block
|
||||
width: 260px
|
||||
height: 20px
|
||||
padding: 0 5px 0 5px
|
||||
background-color: #fff
|
||||
border: 1px solid #ddd
|
||||
line-height: 17px
|
||||
font-size: 13px
|
||||
color: #999999
|
||||
text-align: left
|
||||
|
||||
form.env-var .actions
|
||||
margin-bottom: 35px
|
||||
|
||||
input.submit-env-var, input.submit-ssh-key
|
||||
color: #ffffff
|
||||
background-color: #7ea35a
|
||||
border-radius: 4px
|
||||
font-size: 13px
|
||||
width: 60px
|
||||
height: 32px
|
||||
text-align: center
|
||||
margin: 10px 6px 0 0
|
||||
cursor: pointer
|
||||
|
||||
.submit-env-var:hover, .submit-ssh-key:hover
|
||||
background-color: #6f924f
|
||||
|
||||
.cancel-env-var, .cancel-ssh-key
|
||||
margin-left: 3px
|
||||
|
||||
.cancel-env-var:hover, .cancel-ssh-key:hover
|
||||
text-decoration: underline
|
||||
|
||||
input[type="checkbox"]
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
||||
.edit-var
|
||||
display: inline-block
|
||||
margin: 6px 10px 7px 0
|
||||
color: #ffffff
|
||||
background-color: #bcbcbb
|
||||
border-radius: 4px
|
||||
padding: 4px 15px 4px 15px
|
||||
font-size: 13px
|
||||
cursor: pointer
|
||||
|
||||
.edit-var:hover
|
||||
background-color: #a4a5a4
|
||||
|
||||
.delete-var, .delete-ssh-key
|
||||
display: inline-block
|
||||
margin: 6px 0 7px 0
|
||||
color: #ffffff
|
||||
background-color: #932828
|
||||
border-radius: 4px
|
||||
padding: 4px 15px 4px 15px
|
||||
font-size: 13px
|
||||
cursor: pointer
|
||||
|
||||
.delete-var:hover, .delete-ssh-key:hover
|
||||
background-color: #820b0b
|
||||
|
||||
form.env-var
|
||||
width: 100%
|
||||
margin-top: 20px
|
||||
margin-bottom: 30px
|
||||
border-bottom: 1px solid #f1f1f1
|
||||
|
||||
span.error
|
||||
margin-left: 0
|
||||
display: none
|
||||
|
||||
&.show
|
||||
display: inline-block
|
||||
|
||||
label.name, label.value
|
||||
display: none
|
||||
|
||||
label.public
|
||||
width: 80%
|
||||
|
||||
.field.name, .field.value
|
||||
float: left
|
||||
padding-bottom: 0
|
||||
min-height: 33px
|
||||
line-height: 2
|
||||
|
||||
span.equals
|
||||
float: left
|
||||
display: block
|
||||
line-height: 2
|
||||
margin: 0 10px 0 14px
|
||||
|
||||
.field.name
|
||||
margin-bottom: 10px
|
||||
input
|
||||
width: 97%
|
||||
.field.value
|
||||
width: 45%
|
||||
input
|
||||
width: 97%
|
||||
.actions
|
||||
margin-bottom: 10px
|
||||
clear: both
|
||||
|
||||
ul.env-vars
|
||||
display: block
|
||||
li.env-var
|
||||
margin: 10px 40px 0 0
|
||||
padding-bottom: 10px
|
||||
overflow: auto
|
||||
border-bottom: 1px solid #F1F1F1
|
||||
width: 100%
|
||||
|
||||
form.env-var
|
||||
margin-bottom: 6px
|
||||
border-bottom: none
|
||||
|
||||
.var
|
||||
font-size: 13px
|
||||
display: inline-block
|
||||
margin-right: 10px
|
||||
|
||||
.row
|
||||
.label
|
||||
display: inline-block
|
||||
border: 1px solid #ddd
|
||||
font-size: 13px
|
||||
margin-top: 4px
|
||||
height: 20px
|
||||
|
||||
.name,
|
||||
.value
|
||||
line-height: 20px
|
||||
position: relative
|
||||
font-size: 15px
|
||||
|
||||
.equals
|
||||
margin: 0 10px 0 14px
|
||||
|
||||
.name
|
||||
width: 250px
|
||||
text-align: left
|
||||
|
||||
.value
|
||||
display: block
|
||||
width: auto
|
||||
text-align: left
|
||||
max-width: 390px
|
||||
min-height: 25px
|
||||
padding: 7px 12px 3px
|
||||
|
||||
@media #{$medium-up}
|
||||
.value,
|
||||
.name
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
||||
.field--switch
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
label.public
|
||||
width: auto
|
||||
line-height: 1.8
|
||||
|
||||
.value--extra
|
||||
padding: 0 !important
|
||||
width: 250px !important
|
||||
Loading…
Reference in New Issue
Block a user