diff options
Diffstat (limited to 'public/less/_repository.less')
| -rw-r--r-- | public/less/_repository.less | 2541 |
1 files changed, 1271 insertions, 1270 deletions
diff --git a/public/less/_repository.less b/public/less/_repository.less index b2baf1891d..e4ae400018 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -1,1339 +1,1340 @@ .repository { - @mega-octicon-width: 30px; + @mega-octicon-width: 30px; - padding-top: 15px; - padding-bottom: @footer-margin * 2; + padding-top: 15px; + padding-bottom: @footer-margin * 2; - .head { - .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; - } - .ui.huge.breadcrumb { - font-weight: 400; - font-size: 1.7rem; - } - .fork-flag { - margin-left: @mega-octicon-width + 8px; - margin-top: 3px; - display: block; - font-size: 12px; - white-space: nowrap; - } - .octicon.octicon-repo-forked { - margin-top: -1px; - font-size: 15px; - } - } - - .tabs { - .navbar { - justify-content: initial; - } - } - - .navbar { - display: flex; - justify-content: space-between; - .ui.label { - margin-top: -2px; - margin-left: 7px; - padding: 3px 5px; - } - } - - .owner.dropdown { - min-width: 40% !important; - } - - .metas { - .menu { - max-height: 300px; - overflow-x: auto; - } - .ui.list { - .hide { - display: none!important; - } - .item { - padding: 0px; - } - .label.color { - padding: 0 8px; - margin-right: 5px; - } - a { - margin: 2px 0; - .text { - color: #444; - &:hover { - color: #000; - } - } - } - } - } - .header-wrapper { - background-color: #FAFAFA; - margin-top: -15px; - padding-top: 15px; - - .ui.tabs.divider { - border-bottom: none; - } - .ui.tabular .octicon { - margin-right: 5px; - } - } - .filter.menu { - .label.color { - border-radius: 3px; - margin-left: 15px; - padding: 0 8px; - } - .octicon { - float: left; - margin-left: -5px; - margin-right: -7px; - } - .menu { - max-height: 300px; - overflow-x: auto; - right: 0!important; - left: auto!important; - } - .dropdown.item { - margin: 1px; - padding-right: 0; - } - } - - .ui.tabs { - &.container { - margin-top: 14px; - margin-bottom: 0px; - .ui.menu { - border-bottom: none; - } - } - &.divider { - margin-top: 0; - margin-bottom: 20px; - } - } - - #clone-panel { - margin-left: 5px; - width: 350px; - - input { - border-radius: 0; - padding: 5px 10px; - } - - .clone.button { - font-size: 13px; - padding: 0 5px; - &:first-child { - border-radius: .28571429rem 0 0 .28571429rem; - } - } - .icon.button { - padding: 0 10px; - } - .dropdown .menu { - right: 0!important; - left: auto!important; - } - } + .head { + .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; + } + .ui.huge.breadcrumb { + font-weight: 400; + font-size: 1.7rem; + } + .fork-flag { + margin-left: @mega-octicon-width + 8px; + margin-top: 3px; + display: block; + font-size: 12px; + white-space: nowrap; + } + .octicon.octicon-repo-forked { + margin-top: -1px; + font-size: 15px; + } + } - &.file.list { - #repo-desc { - font-size: 1.2em; - } - .choose.reference { - .header .icon { - font-size: 1.4em; - } - } + .tabs { + .navbar { + justify-content: initial; + } + } - .repo-path { - .section, .divider { - display: inline; - } - } + .navbar { + display: flex; + justify-content: space-between; + .ui.label { + margin-top: -2px; + margin-left: 7px; + padding: 3px 5px; + } + } - #file-buttons { - font-weight: normal; - .ui.button { - padding: 8px 10px; - font-weight: normal; - } - } + .owner.dropdown { + min-width: 40% !important; + } - #repo-files-table { - thead { - th { - padding-top: 8px; - padding-bottom: 5px; - font-weight: normal; - - &:first-child { - display: block; - position: relative; - width: 325%; - } - } - .ui.avatar { - margin-bottom: 5px; - } - } - tbody { - .octicon { - margin-left: 3px; - margin-right: 5px; - color: #777; - &.octicon-mail-reply { - margin-right: 10px; - } - &.octicon-file-directory, &.octicon-file-submodule { - color: #1e70bf; - } - } - } - td { - padding-top: 8px; - padding-bottom: 8px; - } - td.message .isSigned { - cursor: default; + .metas { + .menu { + max-height: 300px; + overflow-x: auto; + } + .ui.list { + .hide { + display: none!important; } - tr:hover { - background-color: #ffffEE; - } - .jumpable-path { - color: #888; + .item { + padding: 0px; } - } - - #file-content { - .header { - .icon { - font-size: 1em; - margin-top: -2px; - } - .file-actions { - padding-left: 20px; - .btn-octicon { - display: inline-block; - padding: 5px; - margin-left: 5px; - line-height: 1; - color: #767676; - vertical-align: middle; - background: transparent; - border: 0; - outline: none; - } - .btn-octicon:hover { - color: #4078c0; - } - .btn-octicon-danger:hover { - color: #bd2c00; - } - .btn-octicon.disabled { - color: #bbb; - cursor: default; - } - #delete-file-form { - display: inline-block; - } - } - } - .view-raw { - padding: 5px; - * { - max-width: 100%; - } - img { - padding: 5px 5px 0 5px; - } - } + .label.color { + padding: 0 8px; + margin-right: 5px; + } + a { + margin: 2px 0; + .text { + color: #444; + &:hover { + color: #000; + } + } + } + } + } + .header-wrapper { + background-color: #FAFAFA; + margin-top: -15px; + padding-top: 15px; - .plain-text { - padding: 1em 2em 1em 2em; - } + .ui.tabs.divider { + border-bottom: none; + } + .ui.tabular .octicon { + margin-right: 5px; + } + } + .filter.menu { + .label.color { + border-radius: 3px; + margin-left: 15px; + padding: 0 8px; + } + .octicon { + float: left; + margin-left: -5px; + margin-right: -7px; + } + .menu { + max-height: 300px; + overflow-x: auto; + right: 0!important; + left: auto!important; + } + .dropdown.item { + margin: 1px; + padding-right: 0; + } + } - .code-view { - * { - font-size: 12px; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 20px; - } + .ui.tabs { + &.container { + margin-top: 14px; + margin-bottom: 0px; + .ui.menu { + border-bottom: none; + } + } + &.divider { + margin-top: 0; + margin-bottom: 20px; + } + } - table { - width: 100%; - } - .lines-num { - vertical-align: top; - text-align: right; - color: #999; - background: #f5f5f5; - width: 1%; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - - span { - line-height: 20px; - padding: 0 10px; - cursor: pointer; - display: block; - } - } - .lines-num, - .lines-code { - padding: 0; - pre, - ol, - .hljs { - background-color: white; - margin: 0; - padding: 0 !important; - li { - display: block; - width: 100%; - &.active { - background: #ffffdd; - } - &:before { - content: ' '; - } - } - } - } - } - } + #clone-panel { + margin-left: 5px; + width: 350px; - .sidebar { - padding-left: 0; + input { + border-radius: 0; + padding: 5px 10px; + } - .octicon { - width: 16px; - } - } - } + .clone.button { + font-size: 13px; + padding: 0 5px; + &:first-child { + border-radius: .28571429rem 0 0 .28571429rem; + } + } + .icon.button { + padding: 0 10px; + } + .dropdown .menu { + right: 0!important; + left: auto!important; + } + } - &.file.editor { - .treepath { - width: 100%; + &.file.list { + #repo-desc { + font-size: 1.2em; + } + .choose.reference { + .header .icon { + font-size: 1.4em; + } + } - input { - vertical-align: middle; - box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset; - width: inherit; - padding: 7px 8px; - margin-right: 5px; - } - } + .repo-path { + .section, .divider { + display: inline; + } + } - .tabular.menu { - .octicon { - margin-right: 5px; - } - } + #file-buttons { + font-weight: normal; + .ui.button { + padding: 8px 10px; + font-weight: normal; + } + } - .commit-form-wrapper { - padding-left: 64px; - .commit-avatar { - float: left; - margin-left: -64px; - width: 3em; - height: auto; - } - .commit-form { - position: relative; - padding: 15px; - margin-bottom: 10px; - border: 1px solid #ddd; - border-radius: 3px; - #avatar-arrow; - &:after { - border-right-color: #fff; - } + #repo-files-table { + thead { + th { + padding-top: 8px; + padding-bottom: 5px; + font-weight: normal; + + &:first-child { + display: block; + position: relative; + width: 325%; + } + } + .ui.avatar { + margin-bottom: 5px; + } + } + tbody { + .octicon { + margin-left: 3px; + margin-right: 5px; + color: #777; + &.octicon-mail-reply { + margin-right: 10px; + } + &.octicon-file-directory, &.octicon-file-submodule { + color: #1e70bf; + } + } + } + td { + padding-top: 8px; + padding-bottom: 8px; + } + td.message .isSigned { + cursor: default; + } + tr:hover { + background-color: #ffffEE; + } + .jumpable-path { + color: #888; + } + } - .quick-pull-choice { - .branch-name { - display: inline-block; - padding: 3px 6px; - font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; - color: rgba(0,0,0,0.65); - background-color: rgba(209,227,237,0.45); - border-radius: 3px; - } - .new-branch-name-input { - position: relative; - margin-left: 25px; - input { - width: 240px !important; - padding-left: 26px !important; - } - } - .octicon-git-branch { - position: absolute; - top: 9px; - left: 10px; - color: #b0c4ce; - } - } - } - } - } + #file-content { + .header { + .icon { + font-size: 1em; + margin-top: -2px; + } + .file-actions { + padding-left: 20px; + .btn-octicon { + display: inline-block; + padding: 5px; + margin-left: 5px; + line-height: 1; + color: #767676; + vertical-align: middle; + background: transparent; + border: 0; + outline: none; + } + .btn-octicon:hover { + color: #4078c0; + } + .btn-octicon-danger:hover { + color: #bd2c00; + } + .btn-octicon.disabled { + color: #bbb; + cursor: default; + } + #delete-file-form { + display: inline-block; + } + } + } + .view-raw { + padding: 5px; + * { + max-width: 100%; + } + img { + padding: 5px 5px 0 5px; + } + } - &.options { - #interval { - width: 100px!important; - min-width: 100px; - } - .danger { - .item { - padding: 20px 15px; - } - .ui.divider { - margin: 0; - } - } - } + .plain-text { + padding: 1em 2em 1em 2em; + } - @comment-avatar-width: 3em; - &.new.issue { - .comment.form { - .comment { - .avatar { - width: @comment-avatar-width; - } - } - .content { - margin-left: 4em; - #avatar-arrow; - &:after { - border-right-color: #fff; - } - .markdown { - font-size: 14px; - } - } - .metas { - min-width: 220px; - .filter.menu { - max-height: 300px; - overflow-x: auto; - } - } + .code-view { + * { + font-size: 12px; + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 20px; + } + + table { + width: 100%; + } + .lines-num { + vertical-align: top; + text-align: right; + color: #999; + background: #f5f5f5; + width: 1%; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + + span { + line-height: 20px; + padding: 0 10px; + cursor: pointer; + display: block; + } + } + .lines-num, + .lines-code { + padding: 0; + pre, + ol, + .hljs { + background-color: white; + margin: 0; + padding: 0 !important; + li { + display: block; + width: 100%; + &.active { + background: #ffffdd; + } + &:before { + content: ' '; + } + } + } + } + } + } - } - } - &.view.issue { - .title { - padding-bottom: 0!important; - h1 { - font-weight: 300; - font-size: 2.3rem; - margin-bottom: 5px; - .ui.input { - font-size: 0.5em; - vertical-align: top; - width: 50%; - min-width: 600px; - input { - font-size: 1.5em; - padding: 6px 10px; - } - } - } - .index { - font-weight: 300; - color: #aaa; - letter-spacing: -1px; - } - .label { - margin-right: 10px; - } - .edit-zone { - margin-top: 10px; - } - } - .pull-desc { - code { - color: #0166E6; - } - } - .pull { - &.tabular.menu { - margin-bottom: 10px; - .octicon { - margin-right: 5px; - } - } - &.tab.segment { - border: none; - padding: 0; - padding-top: 10px; - box-shadow: none; - background-color: inherit; - } - .merge.box { - .avatar { - margin-left: 10px; - margin-top: 10px; - } - } - } - .comment-list { - &:before { - display: block; - content: ""; - position: absolute; - margin-top: 12px; - margin-bottom: 14px; - top: 0; - bottom: 0; - left: 96px; - width: 2px; - background-color: #f3f3f3; - z-index: -1; - } - .comment { - .avatar { - width: @comment-avatar-width; - } - .tag { - color: #767676; - margin-top: 3px; - padding: 2px 5px; - font-size: 12px; - border: 1px solid rgba(0,0,0,0.1); - border-radius: 3px; - } - .actions { - .item { - float: left; - &.tag { - margin-right: 5px; - } - &.action { - margin-top: 6px; - margin-left: 10px; - } - } - } - .content { - margin-left: 4em; - .header { - #avatar-arrow; - font-weight: normal; - padding: auto 15px; - position: relative; - color: #767676; - background-color: #f7f7f7; - border-bottom: 1px solid #eee; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - .text { - max-width: 78%; - padding-top: 10px; - padding-bottom: 10px; - } - } - .markdown { - font-size: 14px; - } - .no-content { - color: #767676; - font-style: italic; - } - > .bottom.segment { - background: #f3f4f5; - .ui.images::after { - clear: both; - content: ' '; - display: block; - } - a { - display: block; - float: left; - margin: 5px; - padding: 5px; - height: 150px; - border: solid 1px #eee; - border-radius: 3px; - max-width: 150px; - background-color: #fff; - &:before { - content:' '; - display: inline-block; - height: 100%; - vertical-align: middle; - } - } - .ui.image { - max-height: 100%; - width: auto; - margin: 0; - vertical-align: middle; - } - span.ui.image { - font-size: 8vw; - color: #000000; - } - span.ui.image:hover { - color: #000000; - } - } - } + .sidebar { + padding-left: 0; - .ui.form { - .field:first-child { - clear: none; - } - .tab.segment { - border: none; - padding: 0; - padding-top: 10px; - } - textarea { - height: 200px; - font-family: "Consolas", monospace; - } - } + .octicon { + width: 16px; + } + } + } - .edit.buttons { - margin-top: 10px; - } - } - .event { - position: relative; - margin: 15px 0 15px 79px; - padding-left: 25px; - .octicon { - width: 30px; - float: left; - text-align: center; - &.octicon-circle-slash { - margin-top: 5px; - margin-left: -34.5px; - font-size: 20px; - color: #bd2c00; - } - &.octicon-primitive-dot { - margin-left: -28.5px; - margin-right: -1px; - font-size: 30px; - color: #6cc644; - } - &.octicon-bookmark { - margin-top: 3px; - margin-left: -31px; - margin-right: -1px; - font-size: 25px; - } - } - .detail { - font-size: 0.9rem; - margin-top: 5px; - margin-left: 35px; - .octicon { - &.octicon-git-commit { - margin-top: 2px; - } - } - } - } - } - .ui.segment.metas { - margin-top: -3px; - } + &.file.editor { + .treepath { + width: 100%; - .ui.participants { - img { - margin-top: 5px; - margin-right: 5px; - } - } - } - .comment.form { - .ui.comments { - margin-top: -12px; - max-width: 100%; - } - .content { - .field:first-child { - clear: none; - } - .form { - #avatar-arrow; - &:after { - border-right-color: #fff; - } - } - .tab.segment { - border: none; - padding: 0; - padding-top: 10px; - } - textarea { - height: 200px; - font-family: "Consolas", monospace; - } - } - } + input { + vertical-align: middle; + box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset; + width: inherit; + padding: 7px 8px; + margin-right: 5px; + } + } - .label.list { - list-style: none; - padding-top: 15px; - .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed #AAA; - a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666; - &:hover { - color: #000; - } - &.open-issues { - margin-right: 30px; - } - } - .ui.label { - font-size: 1em; - } - } - } + .tabular.menu { + .octicon { + margin-right: 5px; + } + } - .milestone.list { - list-style: none; - padding-top: 15px; - > .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed #AAA; - > a { - padding-top: 5px; - padding-right: 10px; - color: #000; - &:hover { - color: #4078c0; - } - } - .ui.progress { - width: 40%; - padding: 0; - border: 0; - margin: 0; - .bar { - height: 20px; - } - } - .meta { - color: #999; - padding-top: 5px; - .issue-stats .octicon{ - padding-left: 5px; - } - .overdue { - color: red; - } - } - .operate { - margin-top: -15px; - > a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666; - &:hover { - color: #000; - } - } - } - .content { - padding-top: 10px; - } - } - } - &.new.milestone { - textarea { - height: 200px; - } - #deadline { - width: 150px; - } - } + .commit-form-wrapper { + padding-left: 64px; + .commit-avatar { + float: left; + margin-left: -64px; + width: 3em; + height: auto; + } + .commit-form { + position: relative; + padding: 15px; + margin-bottom: 10px; + border: 1px solid #ddd; + border-radius: 3px; + #avatar-arrow; + &:after { + border-right-color: #fff; + } + + .quick-pull-choice { + .branch-name { + display: inline-block; + padding: 3px 6px; + font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; + color: rgba(0,0,0,0.65); + background-color: rgba(209,227,237,0.45); + border-radius: 3px; + } + .new-branch-name-input { + position: relative; + margin-left: 25px; + input { + width: 240px !important; + padding-left: 26px !important; + } + } + .octicon-git-branch { + position: absolute; + top: 9px; + left: 10px; + color: #b0c4ce; + } + } + } + } + } - &.compare.pull { - .choose.branch { - .octicon { - padding-right: 10px; - } - } - .comment.form { - .content { - #avatar-arrow; - &:after { - border-right-color: #fff; - } - } - } - } + &.options { + #interval { + width: 100px!important; + min-width: 100px; + } + .danger { + .item { + padding: 20px 15px; + } + .ui.divider { + margin: 0; + } + } + } - .filter.dropdown .menu { - margin-top: 1px!important; - } + @comment-avatar-width: 3em; + &.new.issue { + .comment.form { + .comment { + .avatar { + width: @comment-avatar-width; + } + } + .content { + margin-left: 4em; + #avatar-arrow; + &:after { + border-right-color: #fff; + } + .markdown { + font-size: 14px; + } + } + .metas { + min-width: 220px; + .filter.menu { + max-height: 300px; + overflow-x: auto; + } + } - &.commits { - .header { - .ui.right { - .search { - input { - font-weight: normal; - padding: 5px 10px; - } - } - } - } - } - #commits-table { - thead { - th:first-of-type { - padding-left: 15px; - } - .sha { - text-align: center; - width: 140px; - } - } - td.sha .sha.label { - margin: 0; } - &.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, .02)!important; - } - } + } + &.view.issue { + .title { + padding-bottom: 0!important; + h1 { + font-weight: 300; + font-size: 2.3rem; + margin-bottom: 5px; + .ui.input { + font-size: 0.5em; + vertical-align: top; + width: 50%; + min-width: 600px; + input { + font-size: 1.5em; + padding: 6px 10px; + } + } + } + .index { + font-weight: 300; + color: #aaa; + letter-spacing: -1px; + } + .label { + margin-right: 10px; + } + .edit-zone { + margin-top: 10px; + } + } + .pull-desc { + code { + color: #0166E6; + } + } + .pull { + &.tabular.menu { + margin-bottom: 10px; + .octicon { + margin-right: 5px; + } + } + &.tab.segment { + border: none; + padding: 0; + padding-top: 10px; + box-shadow: none; + background-color: inherit; + } + .merge.box { + .avatar { + margin-left: 10px; + margin-top: 10px; + } + } + } + .comment-list { + &:before { + display: block; + content: ""; + position: absolute; + margin-top: 12px; + margin-bottom: 14px; + top: 0; + bottom: 0; + left: 96px; + width: 2px; + background-color: #f3f3f3; + z-index: -1; + } + .comment { + .avatar { + width: @comment-avatar-width; + } + .tag { + color: #767676; + margin-top: 3px; + padding: 2px 5px; + font-size: 12px; + border: 1px solid rgba(0,0,0,0.1); + border-radius: 3px; + } + .actions { + .item { + float: left; + &.tag { + margin-right: 5px; + } + &.action { + margin-top: 6px; + margin-left: 10px; + } + } + } + .content { + margin-left: 4em; + .header { + #avatar-arrow; + font-weight: normal; + padding: auto 15px; + position: relative; + color: #767676; + background-color: #f7f7f7; + border-bottom: 1px solid #eee; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + .text { + max-width: 78%; + padding-top: 10px; + padding-bottom: 10px; + } + } + .markdown { + font-size: 14px; + } + .no-content { + color: #767676; + font-style: italic; + } + > .bottom.segment { + background: #f3f4f5; + .ui.images::after { + clear: both; + content: ' '; + display: block; + } + a { + display: block; + float: left; + margin: 5px; + padding: 5px; + height: 150px; + border: solid 1px #eee; + border-radius: 3px; + max-width: 150px; + background-color: #fff; + &:before { + content:' '; + display: inline-block; + height: 100%; + vertical-align: middle; + } + } + .ui.image { + max-height: 100%; + width: auto; + margin: 0; + vertical-align: middle; + } + span.ui.image { + font-size: 8vw; + color: #000000; + } + span.ui.image:hover { + color: #000000; + } + } + } + + .ui.form { + .field:first-child { + clear: none; + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + } + textarea { + height: 200px; + font-family: "Consolas", monospace; + } + } + + .edit.buttons { + margin-top: 10px; + } + } + .event { + position: relative; + margin: 15px 0 15px 79px; + padding-left: 25px; + .octicon { + width: 30px; + float: left; + text-align: center; + &.octicon-circle-slash { + margin-top: 5px; + margin-left: -34.5px; + font-size: 20px; + color: #bd2c00; + } + &.octicon-primitive-dot { + margin-left: -28.5px; + margin-right: -1px; + font-size: 30px; + color: #6cc644; + } + &.octicon-bookmark { + margin-top: 3px; + margin-left: -31px; + margin-right: -1px; + font-size: 25px; + } + } + .detail { + font-size: 0.9rem; + margin-top: 5px; + margin-left: 35px; + .octicon { + &.octicon-git-commit { + margin-top: 2px; + } + } + } + } + } + .ui.segment.metas { + margin-top: -3px; + } - #commits-table td.sha .sha.label, #repo-files-table .sha.label{ - &.isSigned{ - border: 1px solid #BBB; - .detail.icon{ - background: #FAFAFA; - margin: -6px -10px -4px 0px; - padding: 5px 3px 5px 6px; - border-left: 1px solid #BBB; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .ui.participants { + img { + margin-top: 5px; + margin-right: 5px; } } - &.isSigned.isVerified{ - border: 1px solid #21BA45; - background: #21BA4518; - .detail.icon{ - border-left: 1px solid #21BA4580; + } + .comment.form { + .ui.comments { + margin-top: -12px; + max-width: 100%; + } + .content { + .field:first-child { + clear: none; + } + .form { + #avatar-arrow; + &:after { + border-right-color: #fff; + } + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + } + textarea { + height: 200px; + font-family: "Consolas", monospace; } } } - .diff-detail-box { - margin: 15px 0; - line-height: 30px; - ol { - clear: both; - padding-left: 0; - margin-top: 5px; - margin-bottom: 28px; - li { - list-style: none; - padding-bottom: 4px; - margin-bottom: 4px; - border-bottom: 1px dashed #DDD; - padding-left: 6px; - } - } - span.status{ - display: inline-block; - width: 12px; - height: 12px; - margin-right: 8px; - vertical-align: middle; - &.modify { - background-color: #f0db88; - } - &.add { - background-color: #b4e2b4; - } - &.del { - background-color: #e9aeae; - } - &.rename { - background-color: #dad8ff; - } - } - } - .diff-box .header { - display: flex; - align-items: center; - - .count { - margin-right: 12px; - font-size: 13px; - flex: 0 0 auto; - - .bar { - background-color: #bd2c00; - height: 12px; - width: 40px; - display: inline-block; - margin: 2px 4px 0 4px; - vertical-align: text-top; - .add { - background-color: #55a532; - height: 12px; - } - } - } - .file { - flex: 0 1 100%; - color: #888; - word-break: break-all; - } - - .button { - margin: -5px 0 -5px 12px; - padding: 8px 10px; - flex: 0 0 auto; - } - } - .diff-file-box { - .header { - background-color: #f7f7f7; - } - .file-body.file-code { - .lines-num { - text-align: right; - color: #A7A7A7; - background: #fafafa; - width: 1%; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - - span.fold { - display: block; - text-align: center; - } - } - .lines-num-old { - border-right: 1px solid #DDD; - } - } - .code-diff { - font-size: 12px; + .label.list { + list-style: none; + padding-top: 15px; + .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px dashed #AAA; + a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666; + &:hover { + color: #000; + } + &.open-issues { + margin-right: 30px; + } + } + .ui.label { + font-size: 1em; + } + } + } - td { - padding: 0; - padding-left: 10px; - border-top: none; - } - pre { - margin: 0; - } - .lines-num { - border-right: 1px solid #d4d4d5; - padding: 0 5px; - } - tbody { - tr { - td.halfwidth { - width: 50%; - } - - &.tag-code td, td.tag-code { - background-color: #F0F0F0 !important; - border-color: #D2CECE !important; - padding-top: 8px; - padding-bottom: 8px; - // td.selected-line, td.selected-line pre { - // background-color: #ffffdd !important; - // } - } - - // &.same-code { - // td.selected-line, td.selected-line pre { - // background-color: #ffffdd !important; - // } - // } - - .removed-code { - background-color: #ff9999; - } - .added-code { - background-color: #99ff99; - } - } - } - } - .code-diff-unified tbody tr { - &.del-code td { - background-color: #ffe0e0 !important; - border-color: #f1c0c0 !important; - } + .milestone.list { + list-style: none; + padding-top: 15px; + > .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px dashed #AAA; + > a { + padding-top: 5px; + padding-right: 10px; + color: #000; + &:hover { + color: #4078c0; + } + } + .ui.progress { + width: 40%; + padding: 0; + border: 0; + margin: 0; + .bar { + height: 20px; + } + } + .meta { + color: #999; + padding-top: 5px; + .issue-stats .octicon{ + padding-left: 5px; + } + .overdue { + color: red; + } + } + .operate { + margin-top: -15px; + > a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666; + &:hover { + color: #000; + } + } + } + .content { + padding-top: 10px; + } + } + } + &.new.milestone { + textarea { + height: 200px; + } + #deadline { + width: 150px; + } + } - &.add-code td { - background-color: #d6fcd6 !important; - border-color: #c1e9c1 !important; - } - } - .code-diff-split tbody tr { - // light gray for empty lines before / after commit - &.add-code td:nth-child(1), &.add-code td:nth-child(2), - &.del-code td:nth-child(3), &.del-code td:nth-child(4) { - background-color: #fafafa; - } + &.compare.pull { + .choose.branch { + .octicon { + padding-right: 10px; + } + } + .comment.form { + .content { + #avatar-arrow; + &:after { + border-right-color: #fff; + } + } + } + } - &.del-code td:nth-child(1), &.del-code td:nth-child(2), - td.del-code { - background-color: #ffe0e0 !important; - border-color: #f1c0c0 !important; - } + .filter.dropdown .menu { + margin-top: 1px!important; + } - &.add-code td:nth-child(3), &.add-code td:nth-child(4), - td.add-code{ - background-color: #d6fcd6 !important; - border-color: #c1e9c1 !important; - } - } - &.file-content { - img { - max-width: 100%; - padding: 5px 5px 0 5px; - } - } - } - .code-view { - overflow: auto; - overflow-x: auto; - overflow-y: hidden; - } + &.commits { + .header { + .ui.right { + .search { + input { + font-weight: normal; + padding: 5px 10px; + } + } + } + } + } + #commits-table { + thead { + th:first-of-type { + padding-left: 15px; + } + .sha { + text-align: center; + width: 140px; + } + } + td.sha .sha.label { + margin: 0; + } + &.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, .02)!important; + } + } - &.quickstart { - .guide { - .item { - padding: 1em; - small { - font-weight: normal; - } - } - .clone.button:first-child { - border-radius: .28571429rem 0 0 .28571429rem; - } - .ui.action.small.input { - width: 100%; - } - #repo-clone-url { - border-radius: 0; - padding: 5px 10px; - font-size: 1.2em; - } - } - } + #commits-table td.sha .sha.label, #repo-files-table .sha.label{ + &.isSigned{ + border: 1px solid #BBB; + .detail.icon{ + background: #FAFAFA; + margin: -6px -10px -4px 0px; + padding: 5px 3px 5px 6px; + border-left: 1px solid #BBB; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + &.isSigned.isVerified{ + border: 1px solid #21BA45; + background: #21BA4518; + .detail.icon{ + border-left: 1px solid #21BA4580; + } + } + } - &.release { - #release-list { - border-top: 1px solid #DDD; - margin-top: 20px; - padding-top: 15px; + .diff-detail-box { + margin: 15px 0; + line-height: 30px; + ol { + clear: both; + padding-left: 0; + margin-top: 5px; + margin-bottom: 28px; + li { + list-style: none; + padding-bottom: 4px; + margin-bottom: 4px; + border-bottom: 1px dashed #DDD; + padding-left: 6px; + } + } + span.status{ + display: inline-block; + width: 12px; + height: 12px; + margin-right: 8px; + vertical-align: middle; + &.modify { + background-color: #f0db88; + } + &.add { + background-color: #b4e2b4; + } + &.del { + background-color: #e9aeae; + } + &.rename { + background-color: #dad8ff; + } + } + } + .diff-box .header { + display: flex; + align-items: center; + + .count { + margin-right: 12px; + font-size: 13px; + flex: 0 0 auto; + + .bar { + background-color: #bd2c00; + height: 12px; + width: 40px; + display: inline-block; + margin: 2px 4px 0 4px; + vertical-align: text-top; + .add { + background-color: #55a532; + height: 12px; + } + } + } + .file { + flex: 0 1 100%; + color: #888; + word-break: break-all; + } - >li { - list-style: none; + .button { + margin: -5px 0 -5px 12px; + padding: 8px 10px; + flex: 0 0 auto; + } + } + .diff-file-box { + .header { + background-color: #f7f7f7; + } + .file-body.file-code { + .lines-num { + text-align: right; + color: #A7A7A7; + background: #fafafa; + width: 1%; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + vertical-align: top; + + span.fold { + display: block; + text-align: center; + } + } + .lines-num-old { + border-right: 1px solid #DDD; + } + } + .code-diff { + font-size: 12px; - .meta, - .detail { - padding-top: 30px; - padding-bottom: 40px; - } - .meta { - text-align: right; - position: relative; - - .tag:not(.icon) { - display: block; - margin-top: 15px; - } - .commit { - display: block; - margin-top: 10px; - } - } - .detail { - border-left: 1px solid #DDD; - - .author { - img { - margin-bottom: -3px; - } - } - .download { - margin-top: 20px; - - >a { - .octicon { - margin-left: 5px; - margin-right: 5px; - } - } - - .list { - padding-left: 0; - border-top: 1px solid #eee; - - li { - list-style: none; - display: block; - padding-top: 8px; - padding-bottom: 8px; - border-bottom: 1px solid #eee; - } - } - } - .dot { - width: 9px; - height: 9px; - background-color: #ccc; - z-index: 999; - position: absolute; - display: block; - left: -5px; - top: 40px; - border-radius: 6px; - border: 1px solid #FFF; - } - } - } - } - } - &.new.release { - .target { - min-width: 500px; + td { + padding: 0; + padding-left: 10px; + border-top: none; + } + pre { + margin: 0; + } + .lines-num { + border-right: 1px solid #d4d4d5; + padding: 0 5px; + } + tbody { + tr { + td.halfwidth { + width: 50%; + } + + &.tag-code td, td.tag-code { + background-color: #F0F0F0 !important; + border-color: #D2CECE !important; + padding-top: 8px; + padding-bottom: 8px; + // td.selected-line, td.selected-line pre { + // background-color: #ffffdd !important; + // } + } + + // &.same-code { + // td.selected-line, td.selected-line pre { + // background-color: #ffffdd !important; + // } + // } + + .removed-code { + background-color: #ff9999; + } + .added-code { + background-color: #99ff99; + } + } + } + } + .code-diff-unified tbody tr { + &.del-code td { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; + } - #tag-name { - margin-top: -4px; - } + &.add-code td { + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; + } + } + .code-diff-split tbody tr { + // light gray for empty lines before / after commit + &.add-code td:nth-child(1), &.add-code td:nth-child(2), + &.del-code td:nth-child(3), &.del-code td:nth-child(4) { + background-color: #fafafa; + } - .at { - margin-left: -5px; - margin-right: 5px; - } - .dropdown.icon { - margin: 0; - padding-top: 3px; - } - .selection.dropdown { - padding-top: 10px; - padding-bottom: 10px; - } - } - .prerelease.field { - margin-bottom: 0; - } - } + &.del-code td:nth-child(1), &.del-code td:nth-child(2), + td.del-code { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; + } - &.forks { - .list { - margin-top: 0; + &.add-code td:nth-child(3), &.add-code td:nth-child(4), + td.add-code{ + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; + } + } + &.file-content { + img { + max-width: 100%; + padding: 5px 5px 0 5px; + } + } + } + .code-view { + overflow: auto; + overflow-x: auto; + overflow-y: hidden; + } - .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px solid #DDD; + &.quickstart { + .guide { + .item { + padding: 1em; + small { + font-weight: normal; + } + } + .clone.button:first-child { + border-radius: .28571429rem 0 0 .28571429rem; + } + .ui.action.small.input { + width: 100%; + } + #repo-clone-url { + border-radius: 0; + padding: 5px 10px; + font-size: 1.2em; + } + } + } - .ui.avatar { - float: left; - margin-right: 5px; - } - .link { - padding-top: 5px; - } - } - } - } + &.release { + #release-list { + border-top: 1px solid #DDD; + margin-top: 20px; + padding-top: 15px; + + >li { + list-style: none; + + .meta, + .detail { + padding-top: 30px; + padding-bottom: 40px; + } + .meta { + text-align: right; + position: relative; + + .tag:not(.icon) { + display: block; + margin-top: 15px; + } + .commit { + display: block; + margin-top: 10px; + } + } + .detail { + border-left: 1px solid #DDD; + + .author { + img { + margin-bottom: -3px; + } + } + .download { + margin-top: 20px; + + >a { + .octicon { + margin-left: 5px; + margin-right: 5px; + } + } + + .list { + padding-left: 0; + border-top: 1px solid #eee; + + li { + list-style: none; + display: block; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px solid #eee; + } + } + } + .dot { + width: 9px; + height: 9px; + background-color: #ccc; + z-index: 999; + position: absolute; + display: block; + left: -5px; + top: 40px; + border-radius: 6px; + border: 1px solid #FFF; + } + } + } + } + } + &.new.release { + .target { + min-width: 500px; - &.wiki { - &.start { - .ui.segment { - padding-top: 70px; - padding-bottom: 100px; + #tag-name { + margin-top: -4px; + } - .mega-octicon { - font-size: 48px; - } - } - } + .at { + margin-left: -5px; + margin-right: 5px; + } + .dropdown.icon { + margin: 0; + padding-top: 3px; + } + .selection.dropdown { + padding-top: 10px; + padding-bottom: 10px; + } + } + .prerelease.field { + margin-bottom: 0; + } + } - &.new { - .CodeMirror { - .CodeMirror-code { - font-family: "Consolas", monospace; - .cm-comment { - background: inherit; - } - } - } + &.forks { + .list { + margin-top: 0; + + .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #DDD; + + .ui.avatar { + float: left; + margin-right: 5px; + } + .link { + padding-top: 5px; + } + } + } + } - .editor-preview { - background-color: white; - } - } + &.wiki { + &.start { + .ui.segment { + padding-top: 70px; + padding-bottom: 100px; - &.view { - .choose.page { - margin-top: -5px; - } + .mega-octicon { + font-size: 48px; + } + } + } - .ui.sub.header { - text-transform: none; - } - >.markdown { - padding: 15px 30px; + &.new { + .CodeMirror { + .CodeMirror-code { + font-family: "Consolas", monospace; + .cm-comment { + background: inherit; + } + } + } - h1, h2, h3, h4, h5, h6 { - &:first-of-type { - margin-top: 0; - } - } - } - } - } + .editor-preview { + background-color: white; + } + } - &.settings { - &.collaboration { - .collaborator.list { - padding: 0; + &.view { + .choose.page { + margin-top: -5px; + } - >.item { - margin: 0; - line-height: 2em; + .ui.sub.header { + text-transform: none; + } + >.markdown { + padding: 15px 30px; + + h1, h2, h3, h4, h5, h6 { + &:first-of-type { + margin-top: 0; + } + } + } + } + } - &:not(:last-child) { - border-bottom: 1px solid #DDD; - } - } - } + &.settings { + &.collaboration { + .collaborator.list { + padding: 0; - #repo-collab-form { - #search-user-box { - .results { - left: 7px; - } - } - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } - } + >.item { + margin: 0; + line-height: 2em; - &.branches { - .protected-branches { - .selection.dropdown { - width: 300px; - } - .item { - border: 1px solid #eaeaea; - padding: 10px 15px; + &:not(:last-child) { + border-bottom: 1px solid #DDD; + } + } + } - &:not(:last-child) { - border-bottom: 0; - } - } - } - .branch-protection { - .help { - margin-left: 26px; - padding-top: 0; - } - .fields { - margin-left: 20px; - display: block; - } - .whitelist { - margin-left: 26px; + #repo-collab-form { + #search-user-box { + .results { + left: 7px; + } + } + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } + } - .dropdown img { - display: inline-block; - } - } - } - } + &.branches { + .protected-branches { + .selection.dropdown { + width: 300px; + } + .item { + border: 1px solid #eaeaea; + padding: 10px 15px; + + &:not(:last-child) { + border-bottom: 0; + } + } + } + .branch-protection { + .help { + margin-left: 26px; + padding-top: 0; + } + .fields { + margin-left: 20px; + display: block; + } + .whitelist { + margin-left: 26px; + + .dropdown img { + display: inline-block; + } + } + } + } - &.webhook { - .events { - .column { - padding-bottom: 0; - } - .help { - font-size: 13px; - margin-left: 26px; - padding-top: 0; - } - } - } - } - .ui.attached.isSigned.isVerified{ - &:not(.positive){ - border-left: 1px solid #A3C293; - border-right: 1px solid #A3C293; - } - &.top:not(.positive){ - border-top: 1px solid #A3C293; - } - &:not(.positive):last-child { - border-bottom: 1px solid #A3C293; + &.webhook { + .events { + .column { + padding-bottom: 0; + } + .help { + font-size: 13px; + margin-left: 26px; + padding-top: 0; + } + } } - } - .ui.segment.sub-menu { - padding: 7px; - line-height: 0; - .list { - width: 100%; - display: flex; - .item { - width:100%; - border-radius: 3px; - a { - color: black; - &:hover { - color: #666; - } - } - &.active { - background: rgba(0,0,0,.05);; - } - } - } - } + } + .ui.attached.isSigned.isVerified{ + &:not(.positive){ + border-left: 1px solid #A3C293; + border-right: 1px solid #A3C293; + } + &.top:not(.positive){ + border-top: 1px solid #A3C293; + } + &:not(.positive):last-child { + border-bottom: 1px solid #A3C293; + } + } + .ui.segment.sub-menu { + padding: 7px; + line-height: 0; + .list { + width: 100%; + display: flex; + .item { + width:100%; + border-radius: 3px; + a { + color: black; + &:hover { + color: #666; + } + } + &.active { + background: rgba(0,0,0,.05);; + } + } + } + } } // End of .repository @@ -1385,7 +1386,7 @@ } .issue-actions { - display: none; + display: none; } .issue.list { |