diff options
Diffstat (limited to 'public/less/_repository.less')
| -rw-r--r-- | public/less/_repository.less | 248 |
1 files changed, 162 insertions, 86 deletions
diff --git a/public/less/_repository.less b/public/less/_repository.less index bdea35c0..a938d6af 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -3,20 +3,25 @@ padding-top: 15px; padding-bottom: @footer-margin * 3; + .head { - height: 75px; - padding-top: 20px; - background-color: #FCFCFC; + .column { + padding-top: 5px!important; + padding-bottom: 5px!important; + } + .ui.compact.menu { + margin-left: 1rem; + } + .ui.header { + margin-top: 0; + } .mega-octicon { width: @mega-octicon-width; + font-size: 30px; } - a, - .fork-flag { + .ui.huge.breadcrumb { font-weight: 300; - } - .ui.label { - margin-top: 5px; - vertical-align: top; + font-size: 1.7rem; } .fork-flag { margin-left: @mega-octicon-width + 8px; @@ -25,65 +30,39 @@ line-height: 10px; white-space: nowrap; } - .button { - margin-left: 10px; - i { - margin-right: 5px; - } - } - .num { - font-weight: bold; - } - .octicon { - height: 5px; - } } - .navbar { - height: 60px; - padding-top: 20px; - .ui.secondary.menu .item { - margin-left: -10px; - margin-top: -7px; - &>.input { - .new-label-input, - .color-picker { - background-color: white; - border: 1px solid rgba(0,0,0,.15); - } - } - &.input { - margin-right: -7px; - } - .new-label-input { - width: 150px; + + .metas { + .menu { + max-height: 300px; + overflow-x: auto; + } + .ui.list { + .ui.avatar.image { + border-radius: 0; } - .color-picker { - height: 35px; - width: auto; - padding-left: 30px; + .hide { + display: none!important; } - .minicolors-swatch.minicolors-sprite { - top: 10px; - left: 10px; - width: 15px; - height: 15px; + .label.color { + padding: 0 8px; + margin-right: 5px; } - &.precolors { - padding-left: 0; - padding-right: 0; - margin-right: 10px; - width: 120px; - .color { - float: left; - width: 15px; - height: 15px; + a { + padding-top: 5px; + padding-right: 10px; + .text { + color: #444; + &:hover { + color: #000; + } } } } } .filter.menu { .label.color { - margin-left: 17px; + margin-left: 15px; padding: 0 8px; } .octicon { @@ -99,15 +78,16 @@ .clickable .name { padding-left: 15px!important; } - } + } } .page.buttons { padding-top: 15px; } + .issue.list { - clear: both; list-style: none; + padding-top: 15px; >.item { padding-top: 15px; padding-bottom: 10px; @@ -135,13 +115,55 @@ color: #000!important; } } + .assignee { + margin-top: -10px; + } + } + } + } + &.new.issue { + .comment.form { + .metas { + min-width: 220px; + .filter.menu { + max-height: 300px; + overflow-x: auto; + } + } + } + } + .comment.form { + .ui.comments { + margin-top: -12px; + max-width: 750px!important; + } + .content { + .field:first-child { + clear: none; + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + } + textarea { + height: 200px; + } + } + .dropzone { + width: 100%; + margin-bottom: 10px; + border: 2px dashed #0087F7; + box-shadow: none; + .dz-error-message { + top: 140px; } } } .label.list { - clear: both; list-style: none; + padding-top: 15px; .item { padding-top: 10px; padding-bottom: 10px; @@ -162,8 +184,8 @@ } .milestone.list { - clear: both; list-style: none; + padding-top: 15px; > .item { padding-top: 10px; padding-bottom: 10px; @@ -216,11 +238,48 @@ textarea { height: 200px; } + #deadline { + width: 150px; + } } - &.settings { - .content { - padding-left: 20px!important; + &.compare.pull { + .choose.branch { + .octicon { + padding-right: 10px; + } + } + } + + .filter.dropdown .menu { + margin-top: 1px!important; + .items { + max-height: 300px; + overflow-y: auto; + .item { + position: relative; + cursor: pointer; + display: block; + border: none; + height: auto; + border-top: none; + line-height: 1em; + color: rgba(0,0,0,.8); + padding: .71428571em 1.14285714em!important; + font-size: 1rem; + text-transform: none; + font-weight: 400; + box-shadow: none; + -webkit-touch-callout: none; + &.active { + font-weight: 700; + } + &:hover { + background: rgba(0,0,0,.05); + color: rgba(0,0,0,.8); + z-index: 13; + } + } } } } @@ -249,30 +308,47 @@ } } -.edit-label.modal { - .color-picker { - margin-top: -8px!important; - height: 35px; - width: auto!important; - padding-left: 30px!important; +.ui.vertical.menu { + .header.item { + font-size: 1.1em; + background: #f0f0f0; } - .minicolors-swatch.minicolors-sprite { - top: 1px; - left: 10px; - width: 15px; - height: 15px; - } - .precolors { - margin-bottom: -11px!important; - padding-left: 0!important; - padding-right: 0!important; - margin-right: 10px!important; - width: 120px!important; - .color { - float: left; - margin: 0!important; +} + +.edit-label.modal, +.new-label.segment { + .form { + .column { + padding-right: 0; + } + .buttons { + margin-left: auto; + padding-top: 15px; + } + .color.picker.column { + width: auto; + .color-picker { + height: 35px; + width: auto; + padding-left: 30px; + } + } + .minicolors-swatch.minicolors-sprite { + top: 10px; + left: 10px; width: 15px; height: 15px; } + .precolors { + padding-left: 0; + padding-right: 0; + margin: 3px 10px auto 10px; + width: 120px; + .color { + float: left; + width: 15px; + height: 15px; + } + } } }
\ No newline at end of file |