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/list";
|
||||||
@import "app/main/log";
|
@import "app/main/log";
|
||||||
// @import "app/main/sponsors";
|
|
||||||
@import "app/misc";
|
@import "app/misc";
|
||||||
@import "app/popup";
|
@import "app/popup";
|
||||||
// @import "app/pro";
|
|
||||||
// @import "app/settings";
|
|
||||||
|
|
||||||
// @import "app/components/travis-switch";
|
|
||||||
@import "app/components/sync-button";
|
@import "app/components/sync-button";
|
||||||
@import "app/components/loading-indicator";
|
@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