From eb4db0445bea4a8dff370d80a270765840fcb8ef Mon Sep 17 00:00:00 2001 From: silverwind Date: Tue, 25 Aug 2020 21:48:53 +0200 Subject: [PATCH] Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation. --- .editorconfig | 24 +- .stylelintrc | 2 +- web_src/less/_admin.less | 144 +- web_src/less/_base.less | 1750 +++---- web_src/less/_chroma.less | 178 +- web_src/less/_dashboard.less | 364 +- web_src/less/_editor.less | 68 +- web_src/less/_explore.less | 184 +- web_src/less/_form.less | 386 +- web_src/less/_home.less | 94 +- web_src/less/_install.less | 62 +- web_src/less/_markdown.less | 990 ++-- web_src/less/_organization.less | 370 +- web_src/less/_repository.less | 5588 +++++++++++----------- web_src/less/_review.less | 274 +- web_src/less/_svg.less | 12 +- web_src/less/_tribute.less | 30 +- web_src/less/_user.less | 270 +- web_src/less/features/animations.less | 44 +- web_src/less/features/gitgraph.less | 476 +- web_src/less/markdown/mermaid.less | 12 +- web_src/less/themes/theme-arc-green.less | 1436 +++--- 22 files changed, 6376 insertions(+), 6382 deletions(-) diff --git a/.editorconfig b/.editorconfig index 82542ea86..54738e883 100644 --- a/.editorconfig +++ b/.editorconfig @@ -1,28 +1,22 @@ root = true [*] -charset = utf-8 -insert_final_newline = true -trim_trailing_whitespace = true +indent_style = space +indent_size = 2 +tab_width = 2 end_of_line = lf - -[*.md] -trim_trailing_whitespace = false +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true [*.{go,tmpl,html}] indent_style = tab -indent_size = 2 - -[*.{less,css}] -indent_style = space -indent_size = 4 - -[*.{js,json,yml}] -indent_style = space -indent_size = 2 [Makefile] indent_style = tab [*.svg] insert_final_newline = false + +[*.md] +trim_trailing_whitespace = false diff --git a/.stylelintrc b/.stylelintrc index fcc33edef..0e1b38228 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -6,7 +6,7 @@ rules: color-hex-length: null comment-empty-line-before: null declaration-empty-line-before: null - indentation: 4 + indentation: 2 no-descending-specificity: null number-leading-zero: never rule-empty-line-before: null diff --git a/web_src/less/_admin.less b/web_src/less/_admin.less index 5bca054d7..29afe96b0 100644 --- a/web_src/less/_admin.less +++ b/web_src/less/_admin.less @@ -1,93 +1,93 @@ .admin { - padding-top: 15px; + padding-top: 15px; - .table.segment { - padding: 0; - font-size: 13px; + .table.segment { + padding: 0; + font-size: 13px; - &:not(.striped) { - thead { - th:last-child { - padding-right: 5px !important; - } - } - } - - th { - padding-top: 5px; - padding-bottom: 5px; - } - - &:not(.select) { - th, - td { - &:first-of-type { - padding-left: 15px !important; - } - } - } - - form tbody button[type='submit'] { - padding: 5px 8px; + &:not(.striped) { + thead { + th:last-child { + padding-right: 5px !important; } + } } - .ui.header, - .ui.segment { - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); + th { + padding-top: 5px; + padding-bottom: 5px; } - &.user { - .email { - max-width: 200px; + &:not(.select) { + th, + td { + &:first-of-type { + padding-left: 15px !important; } + } } - dl.admin-dl-horizontal { - padding: 20px; - margin: 0; + form tbody button[type='submit'] { + padding: 5px 8px; + } + } - dd { - margin-left: 275px; - } + .ui.header, + .ui.segment { + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); + } - dt { - font-weight: bolder; - float: left; - width: 285px; - clear: left; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } + &.user { + .email { + max-width: 200px; + } + } + + dl.admin-dl-horizontal { + padding: 20px; + margin: 0; + + dd { + margin-left: 275px; } - &.config { - #test-mail-btn { - margin-left: 5px; - } + dt { + font-weight: bolder; + float: left; + width: 285px; + clear: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + } - code, - pre { - white-space: pre-wrap; - word-wrap: break-word; + &.config { + #test-mail-btn { + margin-left: 5px; } + } - #notice-table { - .notice-description { - @media only screen and (max-width: 767px) { - max-width: 80vw; - } - @media only screen and (max-width: 991px) and (min-width: 768px) { - max-width: 360px; - } - @media only screen and (min-width: 992px) and (max-width: 1199.98px) { - max-width: 510px; - } - @media only screen and (min-width: 1200px) { - max-width: 640px; - } - } + code, + pre { + white-space: pre-wrap; + word-wrap: break-word; + } + + #notice-table { + .notice-description { + @media only screen and (max-width: 767px) { + max-width: 80vw; + } + @media only screen and (max-width: 991px) and (min-width: 768px) { + max-width: 360px; + } + @media only screen and (min-width: 992px) and (max-width: 1199.98px) { + max-width: 510px; + } + @media only screen and (min-width: 1200px) { + max-width: 640px; + } } + } } diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 05c2a9b63..caf108d1b 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1,1270 +1,1270 @@ @font-face { - font-family: 'Yu Gothic'; - src: local('Yu Gothic Medium'); - font-weight: 400; + font-family: 'Yu Gothic'; + src: local('Yu Gothic Medium'); + font-weight: 400; } @font-face { - font-family: 'Yu Gothic'; - src: local('Yu Gothic Bold'); - font-weight: 700; + font-family: 'Yu Gothic'; + src: local('Yu Gothic Bold'); + font-weight: 700; } @font-face { - font-family: 'Noto Color Emoji'; - src: - local('Noto Color Emoji'), - local('Noto-Color-Emoji'), - url('../fonts/noto-color-emoji/NotoColorEmoji.ttf') format('truetype'); + font-family: 'Noto Color Emoji'; + src: + local('Noto Color Emoji'), + local('Noto-Color-Emoji'), + url('../fonts/noto-color-emoji/NotoColorEmoji.ttf') format('truetype'); } @default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" sans-serif; @monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console'; .override-fonts(@fonts) { - textarea { - font-family: @fonts; - } + textarea { + font-family: @fonts; + } - .markdown:not(code) { - font-family: @fonts; - } + .markdown:not(code) { + font-family: @fonts; + } - /* We're going to just override the semantic fonts here */ - h1, - h2, - h3, - h4, - h5 { - font-family: @fonts; - } + /* We're going to just override the semantic fonts here */ + h1, + h2, + h3, + h4, + h5 { + font-family: @fonts; + } - .ui.accordion .title:not(.ui), - .ui.button, - .ui.card > .content > .header.ui.card > .content > .header, - .ui.category.search > .results .category > .name, - .ui.form input:not([type]), - .ui.form input[type="date"], - .ui.form input[type="datetime-local"], - .ui.form input[type="email"], - .ui.form input[type="file"], - .ui.form input[type="number"], - .ui.form input[type="password"], - .ui.form input[type="search"], - .ui.form input[type="tel"], - .ui.form input[type="text"], - .ui.form input[type="time"], - .ui.form input[type="url"], - .ui.header, - .ui.items > .item > .content > .header, - .ui.list .list > .item .header, - .ui.list > .item .header, - .ui.menu, - .ui.message .header, - .ui.modal > .header, - .ui.popup > .header, - .ui.search > .results .result .title, - .ui.search > .results > .message .header, - body, - .ui.input > input, - .ui.input input, - .ui.statistics .statistic > .value, - .ui.statistic > .value, - .ui.statistics .statistic > .label, - .ui.statistic > .label, - .ui.steps .step .title, - .ui.text.container, - .ui.language > .menu > .item& { - font-family: @fonts; - } + .ui.accordion .title:not(.ui), + .ui.button, + .ui.card > .content > .header.ui.card > .content > .header, + .ui.category.search > .results .category > .name, + .ui.form input:not([type]), + .ui.form input[type="date"], + .ui.form input[type="datetime-local"], + .ui.form input[type="email"], + .ui.form input[type="file"], + .ui.form input[type="number"], + .ui.form input[type="password"], + .ui.form input[type="search"], + .ui.form input[type="tel"], + .ui.form input[type="text"], + .ui.form input[type="time"], + .ui.form input[type="url"], + .ui.header, + .ui.items > .item > .content > .header, + .ui.list .list > .item .header, + .ui.list > .item .header, + .ui.menu, + .ui.message .header, + .ui.modal > .header, + .ui.popup > .header, + .ui.search > .results .result .title, + .ui.search > .results > .message .header, + body, + .ui.input > input, + .ui.input input, + .ui.statistics .statistic > .value, + .ui.statistic > .value, + .ui.statistics .statistic > .label, + .ui.statistic > .label, + .ui.steps .step .title, + .ui.text.container, + .ui.language > .menu > .item& { + font-family: @fonts; + } } .override-fonts(@default-fonts); body { - background-color: #ffffff; - overflow-y: auto; - display: flex; - flex-direction: column; + background-color: #ffffff; + overflow-y: auto; + display: flex; + flex-direction: column; } @ja-fonts: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Source Han Sans JP', 'Noto Sans CJK JP', 'Droid Sans Japanese', 'Meiryo', 'MS PGothic'; :lang(ja) { - .override-fonts(@default-fonts, @ja-fonts;); + .override-fonts(@default-fonts, @ja-fonts;); } @zh-CN-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'Heiti SC', SimHei; :lang(zh-CN) { - .override-fonts(@default-fonts, @zh-CN-fonts;); + .override-fonts(@default-fonts, @zh-CN-fonts;); } @zh-TW-fonts: 'PingFang TC', 'Hiragino Sans TC', 'Source Han Sans TW', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU; :lang(zh-TW) { - .override-fonts(@default-fonts, @zh-TW-fonts;); + .override-fonts(@default-fonts, @zh-TW-fonts;); } @zh-HK-fonts: 'PingFang HK', 'Hiragino Sans TC', 'Source Han Sans HK', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU_HKSCS, PMingLiU; :lang(zh-HK) { - .override-fonts(@default-fonts, @zh-HK-fonts;); + .override-fonts(@default-fonts, @zh-HK-fonts;); } @ko-fonts: 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', 'Gulim', 'Dotum', 'Nanum Gothic', 'Source Han Sans KR', 'Noto Sans CJK KR'; :lang(ko) { - .override-fonts(@default-fonts, @ko-fonts;); + .override-fonts(@default-fonts, @ko-fonts;); } img { - border-radius: 3px; + border-radius: 3px; } table { - border-collapse: collapse; + border-collapse: collapse; } a { - cursor: pointer; + cursor: pointer; } .rounded { - border-radius: .28571429rem !important; + border-radius: .28571429rem !important; } .wrap { - word-wrap: break-word; - word-break: break-all; + word-wrap: break-word; + word-break: break-all; } pre, code, .mono { - font: 12px @monospaced-fonts, monospace; + font: 12px @monospaced-fonts, monospace; - &.raw { - padding: 7px 12px; - margin: 10px 0; - background-color: #f8f8f8; - border: 1px solid #dddddd; - border-radius: 3px; - font-size: 13px; - line-height: 1.5; - overflow: auto; - } + &.raw { + padding: 7px 12px; + margin: 10px 0; + background-color: #f8f8f8; + border: 1px solid #dddddd; + border-radius: 3px; + font-size: 13px; + line-height: 1.5; + overflow: auto; + } - &.wrap { - white-space: pre-wrap; - word-break: break-all; - overflow-wrap: break-word; - word-wrap: break-word; - } + &.wrap { + white-space: pre-wrap; + word-break: break-all; + overflow-wrap: break-word; + word-wrap: break-word; + } } .dont-break-out { - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-all; - hyphens: auto; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-all; + hyphens: auto; } .full.height { - flex-grow: 1; - padding-bottom: 80px; + flex-grow: 1; + padding-bottom: 80px; } .following.bar { + z-index: 900; + left: 0; + margin: 0 !important; + + &.light { + background-color: white; + border-bottom: 1px solid #dddddd; + box-shadow: 0 2px 3px rgba(0, 0, 0, .04); + } + + .column .menu { + margin-top: 0; + } + + .top.menu a.item.brand { + padding-left: 0; + } + + .brand .ui.mini.image { + width: 30px; + } + + .top.menu a.item:hover, + .top.menu .dropdown.item:hover, + .top.menu .dropdown.item.active { + background-color: transparent; + } + + .top.menu a.item:hover { + color: rgba(0, 0, 0, .45); + } + + .top.menu .menu { z-index: 900; - left: 0; - margin: 0 !important; + } - &.light { - background-color: white; - border-bottom: 1px solid #dddddd; - box-shadow: 0 2px 3px rgba(0, 0, 0, .04); + .fitted .svg { + margin-right: 0; + } + + .svg { + margin-right: .75em; + } + + .searchbox { + background-color: #f4f4f4 !important; + + &:focus { + background-color: #e9e9e9 !important; } + } - .column .menu { - margin-top: 0; - } - - .top.menu a.item.brand { - padding-left: 0; - } - - .brand .ui.mini.image { - width: 30px; - } - - .top.menu a.item:hover, - .top.menu .dropdown.item:hover, - .top.menu .dropdown.item.active { - background-color: transparent; - } - - .top.menu a.item:hover { - color: rgba(0, 0, 0, .45); - } - - .top.menu .menu { - z-index: 900; - } - - .fitted .svg { - margin-right: 0; - } - - .svg { - margin-right: .75em; - } - - .searchbox { - background-color: #f4f4f4 !important; - - &:focus { - background-color: #e9e9e9 !important; - } - } - - .text .svg { - width: 16px; - text-align: center; - } - - #navbar { - width: 100vw; - min-height: 52px; - padding: 0 .5rem; - } - - #navbar .brand { - margin: 0; - } - - @media only screen and (max-width: 767px) { - #navbar:not(.shown) > *:not(:first-child) { - display: none; - } + .text .svg { + width: 16px; + text-align: center; + } + + #navbar { + width: 100vw; + min-height: 52px; + padding: 0 .5rem; + } + + #navbar .brand { + margin: 0; + } + + @media only screen and (max-width: 767px) { + #navbar:not(.shown) > *:not(:first-child) { + display: none; } + } } .right.stackable.menu { - // responsive fix: this makes sure that the right menu when the page - // is on mobile view will have elements stacked on top of each other. - // no, stackable won't work on right menus. - margin-left: auto; - display: flex; - align-items: inherit; - flex-direction: inherit; + // responsive fix: this makes sure that the right menu when the page + // is on mobile view will have elements stacked on top of each other. + // no, stackable won't work on right menus. + margin-left: auto; + display: flex; + align-items: inherit; + flex-direction: inherit; } .ui { - &.left:not(.action) { - float: left; - } + &.left:not(.action) { + float: left; + } - &.right:not(.action) { - float: right; - } + &.right:not(.action) { + float: right; + } - &.button, - &.menu .item { - user-select: auto; - } + &.button, + &.menu .item { + user-select: auto; + } - &.container { - &.fluid { - &.padded { - padding: 0 10px; - } + &.container { + &.fluid { + &.padded { + padding: 0 10px; + } + } + } + + &.form { + .ui.button { + font-weight: normal; + } + } + + &.floating.label { + z-index: 10; + } + + &.transparent.label { + background-color: transparent; + } + + &.nopadding { + padding: 0; + } + + &.menu, + &.vertical.menu, + &.segment { + box-shadow: none; + } + + /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */ + /* This fixes the commit graph button on the commits page */ + + .menu:not(.vertical) .item > .button.compact { + padding: .58928571em 1.125em; + } + + .menu:not(.vertical) .item > .button.small { + font-size: .92857143rem; + } + + &.menu .ui.dropdown.item .menu .item { + width: 100%; + } + + &.dropdown .menu > .item > .floating.label { + z-index: 11; + } + + &.dropdown .menu .menu > .item > .floating.label { + z-index: 21; + } + + &.dropdown .menu > .header { + font-size: .8em; + } + + .text { + &.red { + color: #d95c5c !important; + + a { + color: #d95c5c !important; + + &:hover { + color: #e67777 !important; } + } } - &.form { - .ui.button { - font-weight: normal; + &.blue { + color: #428bca !important; + + a { + color: #1155cc !important; + + &:hover { + color: #428bca !important; } + } } - &.floating.label { - z-index: 10; + &.black { + color: #444444; + + &:hover { + color: #000000; + } } - &.transparent.label { - background-color: transparent; + &.grey { + color: #767676 !important; + + a { + color: #444444 !important; + + &:hover { + color: #000000 !important; + } + } + } + + &.light.grey { + color: #888888 !important; + } + + &.green { + color: #6cc644 !important; + } + + &.purple { + color: #6e5494 !important; + } + + &.yellow { + color: #fbbd08 !important; + } + + &.orange { + color: #f2711c !important; + } + + &.gold { + color: #a1882b !important; + } + + &.left { + text-align: left !important; + } + + &.right { + text-align: right !important; + } + + &.small { + font-size: .75em; + } + + &.normal { + font-weight: normal; + } + + &.bold { + font-weight: bold; + } + + &.italic { + font-style: italic; + } + + &.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + } + + &.thin { + font-weight: normal; + } + + &.middle { + vertical-align: middle; } &.nopadding { - padding: 0; + padding: 0; + } + + &.nomargin { + margin: 0; + } + } + + .message { + text-align: center; + } + + .message > ul { + margin-left: auto; + margin-right: auto; + display: table; + text-align: left; + } + + &.bottom.attached.message { + font-weight: bold; + text-align: left; + color: black; + + .pull-right { + color: black; + } + + & > span, + .pull-right > span { + color: #21ba45; + } + } + + .header > i + .content { + padding-left: .75rem; + vertical-align: middle; + } + + .warning { + &.header { + background-color: #f9edbe !important; + border-color: #efc16b; } - &.menu, - &.vertical.menu, &.segment { - box-shadow: none; + border-color: #efc16b; + } + } + + .info { + &.segment { + border: 1px solid #c5d5dd; + + &.top { + background-color: #e6f1f6 !important; + + h3, + h4 { + margin-top: 0; + } + + h3:last-child { + margin-top: 4px; + } + + > :last-child { + margin-bottom: 0; + } + } + } + } + + .normal.header { + font-weight: normal; + } + + .avatar.image, + .avatar.image img, + .avatar.image svg, + .avatar.images .image, + .avatar.images img, + .avatar.images svg { + border-radius: 3px; + } + + .form { + .fake { + display: none !important; } - /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */ - /* This fixes the commit graph button on the commits page */ + .sub.field { + margin-left: 25px; + } + } - .menu:not(.vertical) .item > .button.compact { - padding: .58928571em 1.125em; + .sha.label { + font-family: @monospaced-fonts, monospace; + font-size: 13px; + padding: 6px 10px 4px; + font-weight: normal; + margin: 0 6px; + } + + .button.truncate { + display: inline-block; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: top; + white-space: nowrap; + margin-right: 6px; + } + + &.status.buttons { + .svg { + margin-right: 4px; + } + } + + &.inline.delete-button { + padding: 8px 15px; + font-weight: normal; + } + + .background { + &.red { + background-color: #d95c5c !important; } - .menu:not(.vertical) .item > .button.small { - font-size: .92857143rem; + &.blue { + background-color: #428bca !important; } - &.menu .ui.dropdown.item .menu .item { - width: 100%; + &.black { + background-color: #444444; } - &.dropdown .menu > .item > .floating.label { - z-index: 11; + &.grey { + background-color: #767676 !important; } - &.dropdown .menu .menu > .item > .floating.label { - z-index: 21; + &.light.grey { + background-color: #888888 !important; } - &.dropdown .menu > .header { - font-size: .8em; + &.green { + background-color: #6cc644 !important; } - .text { - &.red { - color: #d95c5c !important; - - a { - color: #d95c5c !important; - - &:hover { - color: #e67777 !important; - } - } - } - - &.blue { - color: #428bca !important; - - a { - color: #1155cc !important; - - &:hover { - color: #428bca !important; - } - } - } - - &.black { - color: #444444; - - &:hover { - color: #000000; - } - } - - &.grey { - color: #767676 !important; - - a { - color: #444444 !important; - - &:hover { - color: #000000 !important; - } - } - } - - &.light.grey { - color: #888888 !important; - } - - &.green { - color: #6cc644 !important; - } - - &.purple { - color: #6e5494 !important; - } - - &.yellow { - color: #fbbd08 !important; - } - - &.orange { - color: #f2711c !important; - } - - &.gold { - color: #a1882b !important; - } - - &.left { - text-align: left !important; - } - - &.right { - text-align: right !important; - } - - &.small { - font-size: .75em; - } - - &.normal { - font-weight: normal; - } - - &.bold { - font-weight: bold; - } - - &.italic { - font-style: italic; - } - - &.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: inline-block; - } - - &.thin { - font-weight: normal; - } - - &.middle { - vertical-align: middle; - } - - &.nopadding { - padding: 0; - } - - &.nomargin { - margin: 0; - } + &.purple { + background-color: #6e5494 !important; } - .message { - text-align: center; + &.yellow { + background-color: #fbbf09 !important; } - .message > ul { - margin-left: auto; - margin-right: auto; - display: table; - text-align: left; + &.orange { + background-color: #f2711c !important; } - &.bottom.attached.message { - font-weight: bold; - text-align: left; - color: black; + &.gold { + background-color: #a1882b !important; + } + } - .pull-right { - color: black; - } + .migrate { + color: #888888 !important; + opacity: .5; + a { + color: #444444 !important; - & > span, - .pull-right > span { - color: #21ba45; - } + &:hover { + color: #000000 !important; + } + } + } + + .border { + border: 1px solid; + &.red { + border-color: #d95c5c !important; } - .header > i + .content { - padding-left: .75rem; - vertical-align: middle; + &.blue { + border-color: #428bca !important; } - .warning { - &.header { - background-color: #f9edbe !important; - border-color: #efc16b; - } - - &.segment { - border-color: #efc16b; - } + &.black { + border-color: #444444; } - .info { - &.segment { - border: 1px solid #c5d5dd; - - &.top { - background-color: #e6f1f6 !important; - - h3, - h4 { - margin-top: 0; - } - - h3:last-child { - margin-top: 4px; - } - - > :last-child { - margin-bottom: 0; - } - } - } + &.grey { + border-color: #767676 !important; } - .normal.header { - font-weight: normal; + &.light.grey { + border-color: #888888 !important; } - .avatar.image, - .avatar.image img, - .avatar.image svg, - .avatar.images .image, - .avatar.images img, - .avatar.images svg { - border-radius: 3px; + &.green { + border-color: #6cc644 !important; } - .form { - .fake { - display: none !important; - } - - .sub.field { - margin-left: 25px; - } + &.purple { + border-color: #6e5494 !important; } - .sha.label { - font-family: @monospaced-fonts, monospace; - font-size: 13px; - padding: 6px 10px 4px; - font-weight: normal; - margin: 0 6px; + &.yellow { + border-color: #fbbd08 !important; } - .button.truncate { - display: inline-block; - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: top; - white-space: nowrap; - margin-right: 6px; + &.orange { + border-color: #f2711c !important; } - &.status.buttons { - .svg { - margin-right: 4px; - } + &.gold { + border-color: #a1882b !important; } + } - &.inline.delete-button { - padding: 8px 15px; - font-weight: normal; + .branch-tag-choice { + line-height: 20px; + } + + &.pagination.menu { + @media only screen and (max-width: 767px) { + .item:not(.active):not(.navigation), + .item.navigation span.navigation_label { + display: none; + } } - - .background { - &.red { - background-color: #d95c5c !important; - } - - &.blue { - background-color: #428bca !important; - } - - &.black { - background-color: #444444; - } - - &.grey { - background-color: #767676 !important; - } - - &.light.grey { - background-color: #888888 !important; - } - - &.green { - background-color: #6cc644 !important; - } - - &.purple { - background-color: #6e5494 !important; - } - - &.yellow { - background-color: #fbbf09 !important; - } - - &.orange { - background-color: #f2711c !important; - } - - &.gold { - background-color: #a1882b !important; - } - } - - .migrate { - color: #888888 !important; - opacity: .5; - a { - color: #444444 !important; - - &:hover { - color: #000000 !important; - } - } - } - - .border { - border: 1px solid; - &.red { - border-color: #d95c5c !important; - } - - &.blue { - border-color: #428bca !important; - } - - &.black { - border-color: #444444; - } - - &.grey { - border-color: #767676 !important; - } - - &.light.grey { - border-color: #888888 !important; - } - - &.green { - border-color: #6cc644 !important; - } - - &.purple { - border-color: #6e5494 !important; - } - - &.yellow { - border-color: #fbbd08 !important; - } - - &.orange { - border-color: #f2711c !important; - } - - &.gold { - border-color: #a1882b !important; - } - } - - .branch-tag-choice { - line-height: 20px; - } - - &.pagination.menu { - @media only screen and (max-width: 767px) { - .item:not(.active):not(.navigation), - .item.navigation span.navigation_label { - display: none; - } - } - &.narrow .item { - padding-left: 8px; - padding-right: 8px; - min-width: 1em; - text-align: center; - .icon { - margin-right: 0; - } - } + &.narrow .item { + padding-left: 8px; + padding-right: 8px; + min-width: 1em; + text-align: center; + .icon { + margin-right: 0; + } } + } } .file-comment { - font: 12px @monospaced-fonts, monospace; - color: rgba(0, 0, 0, .87); + font: 12px @monospaced-fonts, monospace; + color: rgba(0, 0, 0, .87); } .ui.floating.dropdown { - .overflow.menu { - .scrolling.menu.items { - border-radius: 0 !important; - box-shadow: none !important; - border-bottom: 1px solid rgba(34, 36, 38, .15); - } + .overflow.menu { + .scrolling.menu.items { + border-radius: 0 !important; + box-shadow: none !important; + border-bottom: 1px solid rgba(34, 36, 38, .15); } + } } .user-menu > .item { - width: 100%; - border-radius: 0 !important; + width: 100%; + border-radius: 0 !important; } .scrolling.menu { - .item.selected { - font-weight: 700 !important; - } + .item.selected { + font-weight: 700 !important; + } } footer { - background-color: white; - border-top: 1px solid #d6d6d6; - width: 100%; - flex-basis: 40px; - color: #888888; + background-color: white; + border-top: 1px solid #d6d6d6; + width: 100%; + flex-basis: 40px; + color: #888888; - .container { - width: 100vw !important; - padding: 0 .5rem; - max-width: calc(100vw - 1rem) !important; + .container { + width: 100vw !important; + padding: 0 .5rem; + max-width: calc(100vw - 1rem) !important; - .fa { - width: 16px; - text-align: center; - color: #428bca; - } - - .links > * { - border-left: 1px solid #d6d6d6; - padding-left: 8px; - margin-left: 5px; - - &:first-child { - border-left: 0; - } - } + .fa { + width: 16px; + text-align: center; + color: #428bca; } - .ui.language .menu { - max-height: 500px; - overflow-y: auto; - margin-bottom: 7px; - } + .links > * { + border-left: 1px solid #d6d6d6; + padding-left: 8px; + margin-left: 5px; - .ui { - &.left, - &.right { - line-height: 40px; - } + &:first-child { + border-left: 0; + } } + } + + .ui.language .menu { + max-height: 500px; + overflow-y: auto; + margin-bottom: 7px; + } + + .ui { + &.left, + &.right { + line-height: 40px; + } + } } .hide { - display: none; + display: none; - &.show-outdated { - display: none !important; - } + &.show-outdated { + display: none !important; + } - &.hide-outdated { - display: none !important; - } + &.hide-outdated { + display: none !important; + } } .center { - text-align: center; + text-align: center; } .generate-img(16); .generate-img(@n, @i: 1) when (@i =< @n) { - .img-@{i} { - width: (2px * @i) !important; - height: (2px * @i) !important; - } + .img-@{i} { + width: (2px * @i) !important; + height: (2px * @i) !important; + } - .generate-img(@n, (@i + 1)); + .generate-img(@n, (@i + 1)); } // Conditional display @media only screen and (min-width: 768px) { - .mobile-only, - .ui.button.mobile-only { - display: none; - } + .mobile-only, + .ui.button.mobile-only { + display: none; + } - // has the same behaviour of sr-only, hiding the content for - // non-screenreaders, but is shown on mobile devices. - .sr-mobile-only { - .sr-only(); - } + // has the same behaviour of sr-only, hiding the content for + // non-screenreaders, but is shown on mobile devices. + .sr-mobile-only { + .sr-only(); + } } @media only screen and (max-width: 767px) { - .not-mobile { - display: none; - } + .not-mobile { + display: none; + } } // Accessibility .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } @media only screen and (max-width: 991px) and (min-width: 768px) { - .ui.container { - width: 95%; - } + .ui.container { + width: 95%; + } } .ui.menu.new-menu { - justify-content: center !important; - padding-top: 15px !important; - margin-top: -15px !important; - margin-bottom: 15px !important; - background: #fafafa; - border-width: 1px !important; + justify-content: center !important; + padding-top: 15px !important; + margin-top: -15px !important; + margin-bottom: 15px !important; + background: #fafafa; + border-width: 1px !important; } @media only screen and (max-width: 1200px) { - .ui.menu.new-menu { - overflow-x: auto !important; - justify-content: left !important; - padding-bottom: 2px; - } + .ui.menu.new-menu { + overflow-x: auto !important; + justify-content: left !important; + padding-bottom: 2px; + } - .ui.menu.new-menu::-webkit-scrollbar { - height: 8px; - display: none; - } + .ui.menu.new-menu::-webkit-scrollbar { + height: 8px; + display: none; + } - .ui.menu.new-menu:hover::-webkit-scrollbar { - display: block; - } + .ui.menu.new-menu:hover::-webkit-scrollbar { + display: block; + } - .ui.menu.new-menu::-webkit-scrollbar-track { - background: rgba(0, 0, 0, .01); - } + .ui.menu.new-menu::-webkit-scrollbar-track { + background: rgba(0, 0, 0, .01); + } - .ui.menu.new-menu::-webkit-scrollbar-thumb { - background: rgba(0, 0, 0, .2); - } + .ui.menu.new-menu::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, .2); + } - .ui.menu.new-menu:after { - position: absolute; - margin-top: -15px; - display: block; - background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%); - content: ' '; - right: 0; - height: 53px; - z-index: 1000; - width: 60px; - clear: none; - visibility: visible; - } + .ui.menu.new-menu:after { + position: absolute; + margin-top: -15px; + display: block; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%); + content: ' '; + right: 0; + height: 53px; + z-index: 1000; + width: 60px; + clear: none; + visibility: visible; + } - .ui.menu.new-menu a.item:last-child { - padding-right: 30px !important; - } + .ui.menu.new-menu a.item:last-child { + padding-right: 30px !important; + } } [v-cloak] { - display: none !important; + display: none !important; } .repos-search { - padding-bottom: 0 !important; + padding-bottom: 0 !important; } .repos-filter { - margin-top: 0 !important; - border-bottom-width: 0 !important; - margin-bottom: 2px !important; + margin-top: 0 !important; + border-bottom-width: 0 !important; + margin-bottom: 2px !important; } #user-heatmap { - width: 107%; // Fixes newest contributions not showing - text-align: center; + width: 107%; // Fixes newest contributions not showing + text-align: center; - svg:not(:root) { - overflow: inherit; - padding: 0 !important; - } + svg:not(:root) { + overflow: inherit; + padding: 0 !important; + } - @media only screen and (max-width: 1200px) { - & { - display: none; - } + @media only screen and (max-width: 1200px) { + & { + display: none; } + } - .total-contributions { - text-align: left; - font-weight: 500; - margin-top: 0; - } + .total-contributions { + text-align: left; + font-weight: 500; + margin-top: 0; + } } .heatmap-color-0 { - background-color: #f4f4f4; + background-color: #f4f4f4; } .heatmap-color-1 { - background-color: #d8efbf; + background-color: #d8efbf; } .heatmap-color-2 { - background-color: #9fdb81; + background-color: #9fdb81; } .heatmap-color-3 { - background-color: #66c74b; + background-color: #66c74b; } .heatmap-color-4 { - background-color: #609926; + background-color: #609926; } .heatmap-color-5 { - background-color: #025900; + background-color: #025900; } .activity-bar-graph { - background-color: #6cc644; - color: #000000; + background-color: #6cc644; + color: #000000; } .activity-bar-graph-alt { - color: #000000; + color: #000000; } .archived-icon { - color: lighten(#000000, 70%) !important; + color: lighten(#000000, 70%) !important; } .oauth2-authorize-application-box { - margin-top: 3em !important; + margin-top: 3em !important; } /* multiple radio or checkboxes as inline element */ .inline-grouped-list { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; - > .ui { - display: block; - margin-top: 5px; - margin-bottom: 10px; + > .ui { + display: block; + margin-top: 5px; + margin-bottom: 10px; - &:first-child { - margin-top: 1px; - } + &:first-child { + margin-top: 1px; } + } } i.icons .icon:first-child { - margin-right: 0; + margin-right: 0; } i.icon.centerlock { - top: 1em; + top: 1em; } .ui.label { - padding: .3em .5em; + padding: .3em .5em; } .ui.label > .detail .icons { - margin-right: .25em; + margin-right: .25em; } .ui.label > .detail .icons .icon { - margin-right: 0; + margin-right: 0; } .lines-num { - padding-left: 10px; - padding-right: 10px; - text-align: right !important; - color: rgba(27, 31, 35, .3); - width: 1%; - user-select: none; + padding-left: 10px; + padding-right: 10px; + text-align: right !important; + color: rgba(27, 31, 35, .3); + width: 1%; + user-select: none; - span { - &.bottom-line { - &:after { - border-bottom: 1px solid #eaecef; - } - } - - &:after { - content: attr(data-line-number); - line-height: 20px !important; - padding: 0 10px; - cursor: pointer; - display: block; - } + span { + &.bottom-line { + &:after { + border-bottom: 1px solid #eaecef; + } } + + &:after { + content: attr(data-line-number); + line-height: 20px !important; + padding: 0 10px; + cursor: pointer; + display: block; + } + } } .lines-type-marker { - vertical-align: top; + vertical-align: top; } .lines-num, .lines-code { - padding-top: 0; - padding-bottom: 0; - vertical-align: top; + padding-top: 0; + padding-bottom: 0; + vertical-align: top; - pre, - ol { - background-color: inherit; - margin: 0; - padding: 0 !important; + pre, + ol { + background-color: inherit; + margin: 0; + padding: 0 !important; - li { - display: block; - width: calc(100% - 1ch); - padding-left: 1ch; - } + li { + display: block; + width: calc(100% - 1ch); + padding-left: 1ch; } + } } .lines-code code { - white-space: pre; + white-space: pre; } .blame .lines-num { - padding: 0 !important; - background-color: #f5f5f5; + padding: 0 !important; + background-color: #f5f5f5; } .blame .lines-code { - padding: 0 !important; + padding: 0 !important; } .lines-commit { - vertical-align: top; - color: #999999; - padding: 0 !important; - background: #f5f5f5; - width: 1%; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; + vertical-align: top; + color: #999999; + padding: 0 !important; + background: #f5f5f5; + width: 1%; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + + .blame-info { + width: 350px; + max-width: 350px; + display: block; user-select: none; + padding: 0 0 0 10px; - .blame-info { - width: 350px; - max-width: 350px; - display: block; - user-select: none; - padding: 0 0 0 10px; + .blame-data { + display: flex; + font-family: @default-fonts; - .blame-data { - display: flex; - font-family: @default-fonts; + .blame-message { + flex-grow: 2; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 20px; + } - .blame-message { - flex-grow: 2; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - line-height: 20px; - } - - .blame-time, - .blame-avatar { - flex-shrink: 0; - } - } + .blame-time, + .blame-avatar { + flex-shrink: 0; + } } + } - .ui.avatar.image { - height: 18px; - width: 18px; - } + .ui.avatar.image { + height: 18px; + width: 18px; + } } .lines-code, .lines-commit { - .bottom-line { - border-bottom: 1px solid #eaecef; - } + .bottom-line { + border-bottom: 1px solid #eaecef; + } } .code-view { - overflow: auto; - overflow-x: auto; - overflow-y: hidden; + overflow: auto; + overflow-x: auto; + overflow-y: hidden; - &.has-context-menu { - overflow: visible; - overflow-x: visible; - overflow-y: visible; - } + &.has-context-menu { + overflow: visible; + overflow-x: visible; + overflow-y: visible; + } - *:not(.fa):not(.svg):not(.icon) { - font-size: 12px; - font-family: @monospaced-fonts, monospace; - line-height: 20px; - } + *:not(.fa):not(.svg):not(.icon) { + font-size: 12px; + font-family: @monospaced-fonts, monospace; + line-height: 20px; + } - table { - width: 100%; - } + table { + width: 100%; + } - .lines-code.active { - background: #fffbdd !important; - } + .lines-code.active { + background: #fffbdd !important; + } } .octicon-tiny { - font-size: .85714286rem; + font-size: .85714286rem; } .ui.basic.blue.button, .ui.basic.blue.buttons .button { - box-shadow: inset 0 0 0 1px #1678c2 !important; - color: #1678c2 !important; + box-shadow: inset 0 0 0 1px #1678c2 !important; + color: #1678c2 !important; } .ui.label > img { - width: auto !important; - vertical-align: middle; - height: 2.1666em !important; + width: auto !important; + vertical-align: middle; + height: 2.1666em !important; } .svg { - span.green & { - color: #21ba45; - } - span.red & { - color: #db2828; - } - span.purple & { - color: #a333c8; - } + span.green & { + color: #21ba45; + } + span.red & { + color: #db2828; + } + span.purple & { + color: #a333c8; + } } .ui.popup .ui.label { - margin-bottom: .4em; + margin-bottom: .4em; } .color-icon { - margin-right: .5em; - margin-left: .5em; - display: inline-block; - border: 0 solid rgba(0, 0, 0, .2); - border-radius: 100%; - height: 14px; - width: 14px; - position: relative; - top: 2px; + margin-right: .5em; + margin-left: .5em; + display: inline-block; + border: 0 solid rgba(0, 0, 0, .2); + border-radius: 100%; + height: 14px; + width: 14px; + position: relative; + top: 2px; } .ui.label > .color-icon { - margin-left: 0; + margin-left: 0; } .invisible { - visibility: hidden; + visibility: hidden; } /* https://github.com/go-gitea/gitea/issues/10210 */ .ui.attached.segment ~ .ui.top.attached.header { - margin-top: 1rem; + margin-top: 1rem; } table th[data-sortt-asc], table th[data-sortt-desc] { - &:hover { - background: rgba(0, 0, 0, .1) !important; - cursor: pointer !important; - } - .svg { - margin-left: .25rem; - } + &:hover { + background: rgba(0, 0, 0, .1) !important; + cursor: pointer !important; + } + .svg { + margin-left: .25rem; + } } /* limit width of all direct dropdown menu children */ /* https://github.com/go-gitea/gitea/pull/10835 */ .dropdown:not(.selection) > .menu:not(.review-box) > *:not(.header) { - max-width: 300px; - overflow-x: hidden; - text-overflow: ellipsis; + max-width: 300px; + overflow-x: hidden; + text-overflow: ellipsis; } .dropdown:not(.selection) > .menu.review-box > * { - @media only screen and (max-height: 700px) { - .CodeMirror, - .CodeMirror-scroll { - min-height: 100px; - } + @media only screen and (max-height: 700px) { + .CodeMirror, + .CodeMirror-scroll { + min-height: 100px; } + } } .text-label { - display: inline-flex !important; - align-items: center !important; + display: inline-flex !important; + align-items: center !important; } .text-label .color-icon { - position: static !important; + position: static !important; } .emoji, .reaction { - font-size: 1.25em; - line-height: 1; - font-style: normal !important; - font-weight: normal !important; - vertical-align: -.075em; + font-size: 1.25em; + line-height: 1; + font-style: normal !important; + font-weight: normal !important; + vertical-align: -.075em; } .emoji img, .reaction img { - border-width: 0 !important; - margin: 0 !important; - width: 1em !important; - height: 1em !important; - vertical-align: -.15em; + border-width: 0 !important; + margin: 0 !important; + width: 1em !important; + height: 1em !important; + vertical-align: -.15em; } /* https://github.com/go-gitea/gitea/pull/11486 */ .ui.sub.header { - text-transform: none; + text-transform: none; } .ui.tabular.menu { - .item { - padding: 11px 12px; - color: rgba(0, 0, 0, .5); - } + .item { + padding: 11px 12px; + color: rgba(0, 0, 0, .5); + } - .item:hover { - color: rgba(0, 0, 0, .8); - } + .item:hover { + color: rgba(0, 0, 0, .8); + } - .item.active { - color: rgba(0, 0, 0, .9); - margin-top: 1px; /* offset fomantic's margin-bottom: -1px */ - } + .item.active { + color: rgba(0, 0, 0, .9); + margin-top: 1px; /* offset fomantic's margin-bottom: -1px */ + } } .ui.secondary.pointing.menu .item { - padding: 12px; + padding: 12px; } .ui.header > .ui.label.compact { - margin-top: inherit; + margin-top: inherit; } diff --git a/web_src/less/_chroma.less b/web_src/less/_chroma.less index a01aa2102..11de7b86b 100644 --- a/web_src/less/_chroma.less +++ b/web_src/less/_chroma.less @@ -1,377 +1,377 @@ /* Background */ .chroma { - background-color: #ffffff; + background-color: #ffffff; } /* LineTableTD */ .chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; + vertical-align: top; + padding: 0; + margin: 0; + border: 0; } /* LineTable */ .chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - width: auto; - overflow: auto; - display: block; + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; + width: auto; + overflow: auto; + display: block; } /* LineHighlight */ .chroma .hl { - display: block; - width: 100%; - background-color: #e5e5e5; + display: block; + width: 100%; + background-color: #e5e5e5; } /* LineNumbersTable */ .chroma .lnt { - margin-right: .4em; - padding: 0 .4em; - color: #7f7f7f; + margin-right: .4em; + padding: 0 .4em; + color: #7f7f7f; } /* LineNumbers */ .chroma .ln { - margin-right: .4em; - padding: 0 .4em; - color: #7f7f7f; + margin-right: .4em; + padding: 0 .4em; + color: #7f7f7f; } /* Keyword */ .chroma .k { - color: #d73a49; + color: #d73a49; } /* KeywordConstant */ .chroma .kc { - color: #d73a49; + color: #d73a49; } /* KeywordDeclaration */ .chroma .kd { - color: #d73a49; + color: #d73a49; } /* KeywordNamespace */ .chroma .kn { - color: #d73a49; + color: #d73a49; } /* KeywordPseudo */ .chroma .kp { - color: #d73a49; + color: #d73a49; } /* KeywordReserved */ .chroma .kr { - color: #d73a49; + color: #d73a49; } /* KeywordType */ .chroma .kt { - color: #445588; + color: #445588; } /* NameAttribute */ .chroma .na { - color: #d73a49; + color: #d73a49; } /* NameBuiltin */ .chroma .nb { - color: #005cc5; + color: #005cc5; } /* NameBuiltinPseudo */ .chroma .bp { - color: #999999; + color: #999999; } /* NameClass */ .chroma .nc { - color: #445588; + color: #445588; } /* NameConstant */ .chroma .no { - color: #008080; + color: #008080; } /* NameDecorator */ .chroma .nd { - color: #3c5d5d; + color: #3c5d5d; } /* NameEntity */ .chroma .ni { - color: #6f42c1; + color: #6f42c1; } /* NameException */ .chroma .ne { - color: #990000; + color: #990000; } /* NameFunction */ .chroma .nf { - color: #005cc5; + color: #005cc5; } /* NameLabel */ .chroma .nl { - color: #990000; + color: #990000; } /* NameNamespace */ .chroma .nn { - color: #555555; + color: #555555; } /* NameOther */ .chroma .nx { - color: #24292e; + color: #24292e; } /* NameTag */ .chroma .nt { - color: #22863a; + color: #22863a; } /* NameVariable */ .chroma .nv { - color: #008080; + color: #008080; } /* NameVariableClass */ .chroma .vc { - color: #008080; + color: #008080; } /* NameVariableGlobal */ .chroma .vg { - color: #008080; + color: #008080; } /* NameVariableInstance */ .chroma .vi { - color: #008080; + color: #008080; } /* LiteralString */ .chroma .s { - color: #032f62; + color: #032f62; } /* LiteralStringAffix */ .chroma .sa { - color: #032f62; + color: #032f62; } /* LiteralStringBacktick */ .chroma .sb { - color: #032f62; + color: #032f62; } /* LiteralStringChar */ .chroma .sc { - color: #032f62; + color: #032f62; } /* LiteralStringDelimiter */ .chroma .dl { - color: #032f62; + color: #032f62; } /* LiteralStringDoc */ .chroma .sd { - color: #032f62; + color: #032f62; } /* LiteralStringDouble */ .chroma .s2 { - color: #032f62; + color: #032f62; } /* LiteralStringEscape */ .chroma .se { - color: #032f62; + color: #032f62; } /* LiteralStringHeredoc */ .chroma .sh { - color: #032f62; + color: #032f62; } /* LiteralStringInterpol */ .chroma .si { - color: #032f62; + color: #032f62; } /* LiteralStringOther */ .chroma .sx { - color: #032f62; + color: #032f62; } /* LiteralStringRegex */ .chroma .sr { - color: #22863a; + color: #22863a; } /* LiteralStringSingle */ .chroma .s1 { - color: #24292e; + color: #24292e; } /* LiteralStringSymbol */ .chroma .ss { - color: #032f62; + color: #032f62; } /* LiteralNumber */ .chroma .m { - color: #009999; + color: #009999; } /* LiteralNumberBin */ .chroma .mb { - color: #009999; + color: #009999; } /* LiteralNumberFloat */ .chroma .mf { - color: #009999; + color: #009999; } /* LiteralNumberHex */ .chroma .mh { - color: #009999; + color: #009999; } /* LiteralNumberInteger */ .chroma .mi { - color: #009999; + color: #009999; } /* LiteralNumberIntegerLong */ .chroma .il { - color: #009999; + color: #009999; } /* LiteralNumberOct */ .chroma .mo { - color: #009999; + color: #009999; } /* Operator */ .chroma .o { - color: #d73a49; + color: #d73a49; } /* OperatorWord */ .chroma .ow { - color: #d73a49; + color: #d73a49; } /* Comment */ .chroma .c { - color: #6a737d; + color: #6a737d; } /* CommentHashbang */ .chroma .ch { - color: #6a737d; + color: #6a737d; } /* CommentMultiline */ .chroma .cm { - color: #999988; + color: #999988; } /* CommentSingle */ .chroma .c1 { - color: #6a737d; + color: #6a737d; } /* CommentSpecial */ .chroma .cs { - color: #999999; + color: #999999; } /* CommentPreproc */ .chroma .cp { - color: #999999; + color: #999999; } /* CommentPreprocFile */ .chroma .cpf { - color: #999999; + color: #999999; } /* GenericDeleted */ .chroma .gd { - color: #000000; - background-color: #ffdddd; + color: #000000; + background-color: #ffdddd; } /* GenericEmph */ .chroma .ge { - color: #000000; + color: #000000; } /* GenericError */ .chroma .gr { - color: #aa0000; + color: #aa0000; } /* GenericHeading */ .chroma .gh { - color: #999999; + color: #999999; } /* GenericInserted */ .chroma .gi { - color: #000000; - background-color: #ddffdd; + color: #000000; + background-color: #ddffdd; } /* GenericOutput */ .chroma .go { - color: #888888; + color: #888888; } /* GenericPrompt */ .chroma .gp { - color: #555555; + color: #555555; } /* GenericStrong */ .chroma .gs { - font-weight: bold; + font-weight: bold; } /* GenericSubheading */ .chroma .gu { - color: #aaaaaa; + color: #aaaaaa; } /* GenericTraceback */ .chroma .gt { - color: #aa0000; + color: #aa0000; } /* GenericUnderline */ .chroma .gl { - text-decoration: underline; + text-decoration: underline; } /* TextWhitespace */ .chroma .w { - color: #bbbbbb; + color: #bbbbbb; } diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less index 548cdf492..318e9934a 100644 --- a/web_src/less/_dashboard.less +++ b/web_src/less/_dashboard.less @@ -1,210 +1,210 @@ .dashboard { - padding-top: 15px; + padding-top: 15px; - &.feeds, - &.issues { - .context.user.menu { - z-index: 101; - min-width: 200px; + &.feeds, + &.issues { + .context.user.menu { + z-index: 101; + min-width: 200px; - .ui.header { - font-size: 1rem; - text-transform: none; - } - } - - .filter.menu { - width: initial; - - .item { - text-align: left; - - .text { - height: 16px; - vertical-align: middle; - - &.truncate { - width: 75%; - } - } - - .floating.label { - top: 7px; - left: 90%; - width: 15%; - - @media only screen and (max-width: 768px) { - top: 10px; - left: auto; - width: auto; - right: 13px; - } - } - } - - // Sort - .jump.item { - margin: 1px; - padding-right: 0; - } - - .menu { - max-height: 300px; - overflow-x: auto; - right: 0 !important; - left: auto !important; - } - - @media only screen and (max-width: 768px) { - width: 100%; - } - } - - .right.stackable.menu > .item.active { - color: #d9453d; - } + .ui.header { + font-size: 1rem; + text-transform: none; + } } - /* Accomodate for Semantic's 1px hacks on .attached elements */ + .filter.menu { + width: initial; - .dashboard-repos { - margin: 0 1px; + .item { + text-align: left; + + .text { + height: 16px; + vertical-align: middle; + + &.truncate { + width: 75%; + } + } + + .floating.label { + top: 7px; + left: 90%; + width: 15%; + + @media only screen and (max-width: 768px) { + top: 10px; + left: auto; + width: auto; + right: 13px; + } + } + } + + // Sort + .jump.item { + margin: 1px; + padding-right: 0; + } + + .menu { + max-height: 300px; + overflow-x: auto; + right: 0 !important; + left: auto !important; + } + + @media only screen and (max-width: 768px) { + width: 100%; + } } - .dashboard-navbar { - width: 100vw; - padding: 0 .5rem; + .right.stackable.menu > .item.active { + color: #d9453d; } + } + + /* Accomodate for Semantic's 1px hacks on .attached elements */ + + .dashboard-repos { + margin: 0 1px; + } + + .dashboard-navbar { + width: 100vw; + padding: 0 .5rem; + } } &.feeds { - .news { + .news { - li { - display: flex; - align-items: baseline; - margin-top: .5rem; - margin-bottom: .5rem; + li { + display: flex; + align-items: baseline; + margin-top: .5rem; + margin-bottom: .5rem; - img { - align-self: flex-start; - } - } - li > * + * { - margin-left: .35rem; - } - - line-height: 1.2; - - > .ui.grid { - margin-left: auto; - margin-right: auto; - } - - .ui.avatar { - margin-top: 13px; - } - - .time-since { - font-size: 13px; - } - - .issue.title { - width: 80%; - } - - .push.news .content ul { - line-height: 18px; - font-size: 13px; - list-style: none; - padding-left: 10px; - - .text.truncate { - width: 80%; - } - } - - .commit-id { - font-family: @monospaced-fonts, monospace; - } - - code { - padding: 1px; - font-size: 85%; - background-color: rgba(0, 0, 0, .04); - border-radius: 3px; - word-break: break-all; - } + img { + align-self: flex-start; + } + } + li > * + * { + margin-left: .35rem; } - .list { - .header { - .ui.label { - margin-top: -4px; - padding: 4px 5px; - font-weight: normal; - } + line-height: 1.2; - .plus.icon { - margin-top: 5px; - } + > .ui.grid { + margin-left: auto; + margin-right: auto; + } + + .ui.avatar { + margin-top: 13px; + } + + .time-since { + font-size: 13px; + } + + .issue.title { + width: 80%; + } + + .push.news .content ul { + line-height: 18px; + font-size: 13px; + list-style: none; + padding-left: 10px; + + .text.truncate { + width: 80%; + } + } + + .commit-id { + font-family: @monospaced-fonts, monospace; + } + + code { + padding: 1px; + font-size: 85%; + background-color: rgba(0, 0, 0, .04); + border-radius: 3px; + word-break: break-all; + } + } + + .list { + .header { + .ui.label { + margin-top: -4px; + padding: 4px 5px; + font-weight: normal; + } + + .plus.icon { + margin-top: 5px; + } + } + + ul { + list-style: none; + margin: 0; + padding-left: 0; + + li { + &:not(:last-child) { + border-bottom: 1px solid #ebebeb; } - ul { - list-style: none; - margin: 0; - padding-left: 0; - - li { - &:not(:last-child) { - border-bottom: 1px solid #ebebeb; - } - - &.private { - background-color: #fcf8e9; - } - - a { - padding: 6px 1.2em; - display: block; - - .svg { - color: #888888; - - &.rear { - font-size: 15px; - } - } - - .star-num { - font-size: 12px; - } - } - } + &.private { + background-color: #fcf8e9; } - #privateFilterCheckbox .svg { + a { + padding: 6px 1.2em; + display: block; + + .svg { color: #888888; - margin-right: .25rem; - } - .repo-owner-name-list { - .item-name { - max-width: 70%; - margin-bottom: -4px; + &.rear { + font-size: 15px; } - } + } - #collaborative-repo-list { - .owner-and-repo { - max-width: 80%; - margin-bottom: -5px; - } - - .owner-name { - max-width: 120px; - margin-bottom: -5px; - } + .star-num { + font-size: 12px; + } } + } } + + #privateFilterCheckbox .svg { + color: #888888; + margin-right: .25rem; + } + + .repo-owner-name-list { + .item-name { + max-width: 70%; + margin-bottom: -4px; + } + } + + #collaborative-repo-list { + .owner-and-repo { + max-width: 80%; + margin-bottom: -5px; + } + + .owner-name { + max-width: 120px; + margin-bottom: -5px; + } + } + } } diff --git a/web_src/less/_editor.less b/web_src/less/_editor.less index cc30c0f31..127416dfc 100644 --- a/web_src/less/_editor.less +++ b/web_src/less/_editor.less @@ -1,75 +1,75 @@ .CodeMirror { - font: 14px @monospaced-fonts, monospace; + font: 14px @monospaced-fonts, monospace; - &.cm-s-default { - border-radius: 3px; - padding: 0 !important; - } + &.cm-s-default { + border-radius: 3px; + padding: 0 !important; + } - .cm-comment { - background: inherit !important; - } + .cm-comment { + background: inherit !important; + } } .repository.file.editor .tab[data-tab="write"] { - padding: 0 !important; + padding: 0 !important; } .repository.file.editor .tab[data-tab="write"] .editor-toolbar { - border: 0 !important; + border: 0 !important; } .repository.file.editor .tab[data-tab="write"] .CodeMirror { - border-left: 0; - border-right: 0; - border-bottom: 0; + border-left: 0; + border-right: 0; + border-bottom: 0; } .editor-toolbar { - opacity: 1 !important; + opacity: 1 !important; } .editor-toolbar a:not(:hover) { - background-color: transparent !important; + background-color: transparent !important; } .editor-toolbar i.separator { - border-left: none; + border-left: none; } .editor-loading { - padding: 1rem; - text-align: center; + padding: 1rem; + text-align: center; } .edit-diff { - padding: 0 !important; + padding: 0 !important; } .edit-diff > div > .ui.table { - border-top: none !important; - border-bottom: none !important; - border-left: 1px solid #d4d4d5 !important; - border-right: 1px solid #d4d4d5 !important; + border-top: none !important; + border-bottom: none !important; + border-left: 1px solid #d4d4d5 !important; + border-right: 1px solid #d4d4d5 !important; } #edit_area { - display: none; + display: none; } .monaco-editor-container { - width: 100%; - min-height: 200px; - height: 90vh; + width: 100%; + min-height: 200px; + height: 90vh; } /* overwrite conflicting styles from fomantic */ .monaco-editor-container .inputarea { - min-height: 0 !important; - margin: 0 !important; - padding: 0 !important; - resize: none !important; - border: none !important; - color: transparent !important; - background-color: transparent !important; + min-height: 0 !important; + margin: 0 !important; + padding: 0 !important; + resize: none !important; + border: none !important; + color: transparent !important; + background-color: transparent !important; } diff --git a/web_src/less/_explore.less b/web_src/less/_explore.less index e9a254689..47ea24048 100644 --- a/web_src/less/_explore.less +++ b/web_src/less/_explore.less @@ -1,111 +1,111 @@ .explore { - padding-top: 15px; + padding-top: 15px; - .navbar { - justify-content: center; - padding-top: 15px !important; - margin-top: -15px !important; - margin-bottom: 15px !important; - background-color: #fafafa !important; - border-width: 1px !important; + .navbar { + justify-content: center; + padding-top: 15px !important; + margin-top: -15px !important; + margin-bottom: 15px !important; + background-color: #fafafa !important; + border-width: 1px !important; - .svg { - width: 16px; - text-align: center; - margin-right: 5px; - } + .svg { + width: 16px; + text-align: center; + margin-right: 5px; } + } } .ui.repository.list { - .item { - padding-bottom: 25px; + .item { + padding-bottom: 25px; - &:not(:first-child) { - border-top: 1px solid #eeeeee; - padding-top: 25px; - } - - .ui.header { - font-size: 1.5rem; - padding-bottom: 10px; - - .name { - word-break: break-all; - } - - .metas { - color: #888888; - font-size: 14px; - font-weight: normal; - - span:not(:last-child) { - margin-right: 5px; - } - } - } - - .time { - font-size: 12px; - color: #808080; - } - - .ui.tags { - margin-bottom: 1em; - } - - .ui.avatar.image { - width: 24px; - height: 24px; - } + &:not(:first-child) { + border-top: 1px solid #eeeeee; + padding-top: 25px; } + + .ui.header { + font-size: 1.5rem; + padding-bottom: 10px; + + .name { + word-break: break-all; + } + + .metas { + color: #888888; + font-size: 14px; + font-weight: normal; + + span:not(:last-child) { + margin-right: 5px; + } + } + } + + .time { + font-size: 12px; + color: #808080; + } + + .ui.tags { + margin-bottom: 1em; + } + + .ui.avatar.image { + width: 24px; + height: 24px; + } + } } .ui.repository.branches { - .info { - font-size: 12px; - color: #808080; - display: flex; - white-space: pre; - .commit-message { - max-width: 72em; - overflow: hidden; - text-overflow: ellipsis; - } - } - .overflow-visible { - overflow: visible; + .info { + font-size: 12px; + color: #808080; + display: flex; + white-space: pre; + .commit-message { + max-width: 72em; + overflow: hidden; + text-overflow: ellipsis; } + } + .overflow-visible { + overflow: visible; + } } .ui.user.list { - .item { - padding-bottom: 25px; + .item { + padding-bottom: 25px; - &:not(:first-child) { - border-top: 1px solid #eeeeee; - padding-top: 25px; - } - - .ui.avatar.image { - width: 40px; - height: 40px; - } - - .description { - margin-top: 5px; - - .svg:not(:first-child) { - margin-left: 5px; - } - - a { - color: #333333; - - &:hover { - text-decoration: underline; - } - } - } + &:not(:first-child) { + border-top: 1px solid #eeeeee; + padding-top: 25px; } + + .ui.avatar.image { + width: 40px; + height: 40px; + } + + .description { + margin-top: 5px; + + .svg:not(:first-child) { + margin-left: 5px; + } + + a { + color: #333333; + + &:hover { + text-decoration: underline; + } + } + } + } } diff --git a/web_src/less/_form.less b/web_src/less/_form.less index de48f0ba5..07c7cdfc8 100644 --- a/web_src/less/_form.less +++ b/web_src/less/_form.less @@ -1,117 +1,117 @@ .form { - .help { - color: #999999; - padding-top: .6em; - padding-bottom: .6em; - display: inline-block; - } + .help { + color: #999999; + padding-top: .6em; + padding-bottom: .6em; + display: inline-block; + } } .ui.attached.header { - background: #f0f0f0; + background: #f0f0f0; - .right { - margin-top: -5px; + .right { + margin-top: -5px; - .button { - padding: 8px 10px; - font-weight: normal; - } + .button { + padding: 8px 10px; + font-weight: normal; } + } } @create-page-form-input-padding: 250px !important; #create-page-form { - form { - margin: auto; + form { + margin: auto; - .ui.message { - text-align: center; - } - - @media only screen and (min-width: 768px) { - width: 800px !important; - - .header { - padding-left: @create-page-form-input-padding+30px; - } - - .inline.field > label { - text-align: right; - width: @create-page-form-input-padding; - word-wrap: break-word; - } - - .help { - margin-left: @create-page-form-input-padding+15px; - } - - .optional .title { - margin-left: @create-page-form-input-padding; - } - - input, - textarea { - width: 50% !important; - } - } - - @media only screen and (max-width: 767px) { - .optional .title { - margin-left: 15px; - } - - .inline.field > label { - display: block; - } - } + .ui.message { + text-align: center; } + + @media only screen and (min-width: 768px) { + width: 800px !important; + + .header { + padding-left: @create-page-form-input-padding+30px; + } + + .inline.field > label { + text-align: right; + width: @create-page-form-input-padding; + word-wrap: break-word; + } + + .help { + margin-left: @create-page-form-input-padding+15px; + } + + .optional .title { + margin-left: @create-page-form-input-padding; + } + + input, + textarea { + width: 50% !important; + } + } + + @media only screen and (max-width: 767px) { + .optional .title { + margin-left: 15px; + } + + .inline.field > label { + display: block; + } + } + } } .signin { - .oauth2 { - div { - display: inline-block; + .oauth2 { + div { + display: inline-block; - p { - margin: 10px 5px 0 0; - float: left; - } - } - - a { - margin-right: 3px; - - &:last-child { - margin-right: 0; - } - } - - img { - width: 32px; - height: 32px; - - &.openidConnect { - width: auto; - } - } + p { + margin: 10px 5px 0 0; + float: left; + } } + + a { + margin-right: 3px; + + &:last-child { + margin-right: 0; + } + } + + img { + width: 32px; + height: 32px; + + &.openidConnect { + width: auto; + } + } + } } @media only screen and (min-width: 768px) { - .g-recaptcha { - margin: 0 auto !important; - width: 304px; - padding-left: 30px; - } + .g-recaptcha { + margin: 0 auto !important; + width: 304px; + padding-left: 30px; + } } @media screen and (max-height: 575px) { - #rc-imageselect, - .g-recaptcha { - transform: scale(.77); - transform-origin: 0 0; - } + #rc-imageselect, + .g-recaptcha { + transform: scale(.77); + transform-origin: 0 0; + } } .user.activate, @@ -119,132 +119,132 @@ .user.reset.password, .user.signin, .user.signup { - @input-padding: 200px; - #create-page-form; + @input-padding: 200px; + #create-page-form; - form { - width: 700px !important; + form { + width: 700px !important; - .header { - padding-left: 0 !important; - text-align: center; - } - - .inline.field > label { - width: @input-padding; - } - - .inline.field > label, - input { - @media only screen and (max-width: 768px) { - width: 100% !important; - } - } - - input[type=number] { - -moz-appearance: textfield; - } - - input::-webkit-outer-spin-button, - input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; - } + .header { + padding-left: 0 !important; + text-align: center; } + + .inline.field > label { + width: @input-padding; + } + + .inline.field > label, + input { + @media only screen and (max-width: 768px) { + width: 100% !important; + } + } + + input[type=number] { + -moz-appearance: textfield; + } + + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } + } } .repository { - &.new.repo, - &.new.migrate, - &.new.fork { - #create-page-form; + &.new.repo, + &.new.migrate, + &.new.fork { + #create-page-form; - form { - .dropdown { - .dropdown.icon { - margin-top: -7px !important; - padding-bottom: 5px; - } - - .text { - margin-right: 0 !important; - - i { - margin-right: 0 !important; - } - } - } - - .header { - padding-left: 0 !important; - text-align: center; - } - - @media only screen and (max-width: 768px) { - label, - input, - .selection.dropdown { - width: 100% !important; - } - - .field button, - .field a { - margin-bottom: 1em; - width: 100%; - } - } + form { + .dropdown { + .dropdown.icon { + margin-top: -7px !important; + padding-bottom: 5px; } - } - &.new.repo { - .ui.form { - @media only screen and (min-width: 768px) { - #auto-init { - margin-left: @create-page-form-input-padding+15px; - } - } + .text { + margin-right: 0 !important; - .selection.dropdown:not(.owner) { - width: 50% !important; - - @media only screen and (max-width: 768px) { - width: 100% !important; - } - } + i { + margin-right: 0 !important; + } } + } + + .header { + padding-left: 0 !important; + text-align: center; + } + + @media only screen and (max-width: 768px) { + label, + input, + .selection.dropdown { + width: 100% !important; + } + + .field button, + .field a { + margin-bottom: 1em; + width: 100%; + } + } } + } + + &.new.repo { + .ui.form { + @media only screen and (min-width: 768px) { + #auto-init { + margin-left: @create-page-form-input-padding+15px; + } + } + + .selection.dropdown:not(.owner) { + width: 50% !important; + + @media only screen and (max-width: 768px) { + width: 100% !important; + } + } + } + } } .new.webhook { - form { - .help { - margin-left: 25px; - } + form { + .help { + margin-left: 25px; } + } - .events.fields { - .column { - padding-left: 40px; - } + .events.fields { + .column { + padding-left: 40px; } + } } .githook { - textarea { - font-family: @monospaced-fonts, monospace; - } + textarea { + font-family: @monospaced-fonts, monospace; + } } .new.org .ui.form { - @media only screen and (max-width: 768px) { - .field button, - .field a { - margin-bottom: 1em; - width: 100%; - } - - .field input { - width: 100% !important; - } + @media only screen and (max-width: 768px) { + .field button, + .field a { + margin-bottom: 1em; + width: 100%; } + + .field input { + width: 100% !important; + } + } } diff --git a/web_src/less/_home.less b/web_src/less/_home.less index 90390239a..10d6ca336 100644 --- a/web_src/less/_home.less +++ b/web_src/less/_home.less @@ -1,65 +1,65 @@ .home { - .logo { - max-width: 220px; + .logo { + max-width: 220px; + } + + .hero { + @media only screen and (max-width: 767px) { + h1 { + font-size: 3.5em; + } + + h2 { + font-size: 2em; + } } - .hero { - @media only screen and (max-width: 767px) { - h1 { - font-size: 3.5em; - } + @media only screen and (min-width: 768px) { + h1 { + font-size: 5.5em; + } - h2 { - font-size: 2em; - } - } - - @media only screen and (min-width: 768px) { - h1 { - font-size: 5.5em; - } - - h2 { - font-size: 3em; - } - } - - .svg { - color: #5aa509; - height: 40px; - width: 50px; - vertical-align: bottom; - } - - &.header { - font-size: 20px; - } + h2 { + font-size: 3em; + } } - p.large { - font-size: 16px; + .svg { + color: #5aa509; + height: 40px; + width: 50px; + vertical-align: bottom; } - .stackable { - padding-top: 30px; + &.header { + font-size: 20px; } + } - a { - color: #5aa509; - } + p.large { + font-size: 16px; + } + + .stackable { + padding-top: 30px; + } + + a { + color: #5aa509; + } } .signup { - padding-top: 15px; + padding-top: 15px; } footer { - .ui.container .left, - .ui.container .right { - @media only screen and (max-width: 880px) { - display: block; - text-align: center; - float: none; - } + .ui.container .left, + .ui.container .right { + @media only screen and (max-width: 880px) { + display: block; + text-align: center; + float: none; } + } } diff --git a/web_src/less/_install.less b/web_src/less/_install.less index b38ec87b7..3f59a99aa 100644 --- a/web_src/less/_install.less +++ b/web_src/less/_install.less @@ -1,38 +1,38 @@ .install { - padding-top: 45px; + padding-top: 45px; - form { - @input-padding: 320px !important; + form { + @input-padding: 320px !important; - label { - text-align: right; - width: @input-padding; - } - - input { - width: 35% !important; - } - - .field { - text-align: left; - - .help { - margin-left: @input-padding+15px; - } - - &.optional .title { - margin-left: 38%; - } - } + label { + text-align: right; + width: @input-padding; } - .ui { - .checkbox { - margin-left: 40% !important; - - label { - width: auto !important; - } - } + input { + width: 35% !important; } + + .field { + text-align: left; + + .help { + margin-left: @input-padding+15px; + } + + &.optional .title { + margin-left: 38%; + } + } + } + + .ui { + .checkbox { + margin-left: 40% !important; + + label { + width: auto !important; + } + } + } } diff --git a/web_src/less/_markdown.less b/web_src/less/_markdown.less index 1b9c412f6..335a2ebd4 100644 --- a/web_src/less/_markdown.less +++ b/web_src/less/_markdown.less @@ -1,514 +1,514 @@ .markdown:not(code) { + overflow: hidden; + font-size: 16px; + line-height: 1.6 !important; + word-wrap: break-word; + + &.ui.segment { + padding: 3em; + } + + &.file-view { + padding: 2em !important; + } + + > *:first-child { + margin-top: 0 !important; + } + + > *:last-child { + margin-bottom: 0 !important; + } + + a:not([href]) { + color: inherit; + text-decoration: none; + } + + .absent { + color: #cc0000; + } + + .anchor { + padding-right: 4px; + margin-left: -20px; + line-height: 1; + color: inherit; + } + + .anchor .svg { + vertical-align: middle; + } + + .anchor:focus { + outline: none; + } + + h1 .anchor .svg, + h2 .anchor .svg, + h3 .anchor .svg, + h4 .anchor .svg, + h5 .anchor .svg, + h6 .anchor .svg { + visibility: hidden; + } + + h1:hover .anchor .svg, + h2:hover .anchor .svg, + h3:hover .anchor .svg, + h4:hover .anchor .svg, + h5:hover .anchor .svg, + h6:hover .anchor .svg { + visibility: visible; + } + + h2 .anchor .svg, + h3 .anchor .svg, + h4 .anchor .svg { + position: relative; + top: -2px; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + margin-top: 1em; + margin-bottom: 16px; + font-weight: bold; + line-height: 1.4; + + &:first-of-type { + margin-top: 0 !important; + } + } + + h1 tt, + h1 code, + h2 tt, + h2 code, + h3 tt, + h3 code, + h4 tt, + h4 code, + h5 tt, + h5 code, + h6 tt, + h6 code { + font-size: inherit; + } + + h1 { + padding-bottom: .3em; + font-size: 2.25em; + line-height: 1.2; + border-bottom: 1px solid #eeeeee; + } + + h2 { + padding-bottom: .3em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eeeeee; + } + + h3 { + font-size: 1.5em; + line-height: 1.43; + } + + h4 { + font-size: 1.25em; + } + + h5 { + font-size: 1em; + } + + h6 { + font-size: 1em; + color: #777777; + } + + p, + blockquote, + ul, + ol, + dl, + table, + pre { + margin-top: 0; + margin-bottom: 16px; + } + + hr { + height: 4px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0; + } + + ul, + ol { + padding-left: 2em; + } + + ul.no-list, + ol.no-list { + padding: 0; + list-style-type: none; + } + + li.task-list-item { + list-style-type: none; + margin-left: calc(-2em + 2px); + } + + ul ul, + ul ol, + ol ol, + ol ul { + margin-top: 0; + margin-bottom: 0; + } + + ol ol, + ul ol { + list-style-type: lower-roman; + } + + li > p { + margin-top: 0; + } + + dl { + padding: 0; + } + + dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: bold; + } + + dl dd { + padding: 0 16px; + margin-bottom: 16px; + } + + blockquote { + margin-left: 0; + padding: 0 15px; + color: #777777; + border-left: 4px solid #dddddd; + } + + blockquote > :first-child { + margin-top: 0; + } + + blockquote > :last-child { + margin-bottom: 0; + } + + table { + width: auto; + overflow: auto; + word-break: keep-all; + display: block; + } + + table th { + font-weight: bold; + } + + table th, + table td { + padding: 6px 13px !important; + border: 1px solid #dddddd !important; + } + + table tr { + background-color: #ffffff; + border-top: 1px solid #cccccc; + } + + table tr:nth-child(2n) { + background-color: #f8f8f8; + } + + img { + max-width: 100%; + box-sizing: border-box; + } + + .emoji { + max-width: none; + } + + span.frame { + display: block; overflow: hidden; - font-size: 16px; - line-height: 1.6 !important; - word-wrap: break-word; - - &.ui.segment { - padding: 3em; - } - - &.file-view { - padding: 2em !important; - } - - > *:first-child { - margin-top: 0 !important; - } - - > *:last-child { - margin-bottom: 0 !important; - } - - a:not([href]) { - color: inherit; - text-decoration: none; - } - - .absent { - color: #cc0000; - } - - .anchor { - padding-right: 4px; - margin-left: -20px; - line-height: 1; - color: inherit; - } - - .anchor .svg { - vertical-align: middle; - } - - .anchor:focus { - outline: none; - } - - h1 .anchor .svg, - h2 .anchor .svg, - h3 .anchor .svg, - h4 .anchor .svg, - h5 .anchor .svg, - h6 .anchor .svg { - visibility: hidden; - } - - h1:hover .anchor .svg, - h2:hover .anchor .svg, - h3:hover .anchor .svg, - h4:hover .anchor .svg, - h5:hover .anchor .svg, - h6:hover .anchor .svg { - visibility: visible; - } - - h2 .anchor .svg, - h3 .anchor .svg, - h4 .anchor .svg { - position: relative; - top: -2px; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - margin-top: 1em; - margin-bottom: 16px; - font-weight: bold; - line-height: 1.4; - - &:first-of-type { - margin-top: 0 !important; - } - } - - h1 tt, - h1 code, - h2 tt, - h2 code, - h3 tt, - h3 code, - h4 tt, - h4 code, - h5 tt, - h5 code, - h6 tt, - h6 code { - font-size: inherit; - } - - h1 { - padding-bottom: .3em; - font-size: 2.25em; - line-height: 1.2; - border-bottom: 1px solid #eeeeee; - } - - h2 { - padding-bottom: .3em; - font-size: 1.75em; - line-height: 1.225; - border-bottom: 1px solid #eeeeee; - } - - h3 { - font-size: 1.5em; - line-height: 1.43; - } - - h4 { - font-size: 1.25em; - } - - h5 { - font-size: 1em; - } - - h6 { - font-size: 1em; - color: #777777; - } - - p, - blockquote, - ul, - ol, - dl, - table, - pre { - margin-top: 0; - margin-bottom: 16px; - } - - hr { - height: 4px; - padding: 0; - margin: 16px 0; - background-color: #e7e7e7; - border: 0; - } - - ul, - ol { - padding-left: 2em; - } - - ul.no-list, - ol.no-list { - padding: 0; - list-style-type: none; - } - - li.task-list-item { - list-style-type: none; - margin-left: calc(-2em + 2px); - } - - ul ul, - ul ol, - ol ol, - ol ul { - margin-top: 0; - margin-bottom: 0; - } - - ol ol, - ul ol { - list-style-type: lower-roman; - } - - li > p { - margin-top: 0; - } - - dl { - padding: 0; - } - - dl dt { - padding: 0; - margin-top: 16px; - font-size: 1em; - font-style: italic; - font-weight: bold; - } - - dl dd { - padding: 0 16px; - margin-bottom: 16px; - } - - blockquote { - margin-left: 0; - padding: 0 15px; - color: #777777; - border-left: 4px solid #dddddd; - } - - blockquote > :first-child { - margin-top: 0; - } - - blockquote > :last-child { - margin-bottom: 0; - } - - table { - width: auto; - overflow: auto; - word-break: keep-all; - display: block; - } - - table th { - font-weight: bold; - } - - table th, - table td { - padding: 6px 13px !important; - border: 1px solid #dddddd !important; - } - - table tr { - background-color: #ffffff; - border-top: 1px solid #cccccc; - } - - table tr:nth-child(2n) { - background-color: #f8f8f8; - } - - img { - max-width: 100%; - box-sizing: border-box; - } - - .emoji { - max-width: none; - } - - span.frame { - display: block; - overflow: hidden; - } - - span.frame > span { - display: block; - float: left; - width: auto; - padding: 7px; - margin: 13px 0 0; - overflow: hidden; - border: 1px solid #dddddd; - } - - span.frame span img { - display: block; - float: left; - } - - span.frame span span { - display: block; - padding: 5px 0 0; - clear: both; - color: #333333; - } - - span.align-center { - display: block; - overflow: hidden; - clear: both; - } - - span.align-center > span { - display: block; - margin: 13px auto 0; - overflow: hidden; - text-align: center; - } - - span.align-center span img { - margin: 0 auto; - text-align: center; - } - - span.align-right { - display: block; - overflow: hidden; - clear: both; - } - - span.align-right > span { - display: block; - margin: 13px 0 0; - overflow: hidden; - text-align: right; - } - - span.align-right span img { - margin: 0; - text-align: right; - } - - span.float-left { - display: block; - float: left; - margin-right: 13px; - overflow: hidden; - } - - span.float-left span { - margin: 13px 0 0; - } - - span.float-right { - display: block; - float: right; - margin-left: 13px; - overflow: hidden; - } - - span.float-right > span { - display: block; - margin: 13px auto 0; - overflow: hidden; - text-align: right; - } - - code, - tt { - padding: .2em .3em; - margin: 0; - font-size: 85%; - background-color: rgba(0, 0, 0, .04); - border-radius: 3px; - } - - code br, - tt br { - display: none; - } - - del code { - text-decoration: inherit; - } - - pre > code { - padding: 0; - margin: 0; - font-size: 100%; - word-break: normal; - white-space: pre; - background: transparent; - border: 0; - } - - .highlight { - margin-bottom: 16px; - } - - .highlight pre, - pre { - padding: 16px; - overflow: auto; - font-size: 85%; - line-height: 1.45; - background-color: #f7f7f7; - border-radius: 3px; - } - - .highlight pre { - margin-bottom: 0; - word-break: normal; - } - - pre { - word-wrap: normal; - } - - pre code, - pre tt { - display: inline; - max-width: initial; - padding: 0; - margin: 0; - overflow: initial; - line-height: inherit; - word-wrap: normal; - background-color: transparent; - border: 0; - } - - pre code:before, - pre code:after, - pre tt:before, - pre tt:after { - content: normal; - } - - kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #555555; - vertical-align: middle; - background-color: #fcfcfc; - border: solid 1px #cccccc; - border-bottom-color: #bbbbbb; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbbbbb; - } - - input[type="checkbox"] { - vertical-align: middle !important; - } - - .csv-data td, - .csv-data th { - padding: 5px; - overflow: hidden; - font-size: 12px; - line-height: 1; - text-align: left; - white-space: nowrap; - } - - .csv-data .blob-num { - padding: 10px 8px 9px; - text-align: right; - background: #ffffff; - border: 0; - } - - .csv-data tr { - border-top: 0; - } - - .csv-data th { - font-weight: bold; - background: #f8f8f8; - border-top: 0; - } - - .ui.list .list, - ol.ui.list ol, - ul.ui.list ul { - padding-left: 2em; - } + } + + span.frame > span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid #dddddd; + } + + span.frame span img { + display: block; + float: left; + } + + span.frame span span { + display: block; + padding: 5px 0 0; + clear: both; + color: #333333; + } + + span.align-center { + display: block; + overflow: hidden; + clear: both; + } + + span.align-center > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; + } + + span.align-center span img { + margin: 0 auto; + text-align: center; + } + + span.align-right { + display: block; + overflow: hidden; + clear: both; + } + + span.align-right > span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; + } + + span.align-right span img { + margin: 0; + text-align: right; + } + + span.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; + } + + span.float-left span { + margin: 13px 0 0; + } + + span.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; + } + + span.float-right > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; + } + + code, + tt { + padding: .2em .3em; + margin: 0; + font-size: 85%; + background-color: rgba(0, 0, 0, .04); + border-radius: 3px; + } + + code br, + tt br { + display: none; + } + + del code { + text-decoration: inherit; + } + + pre > code { + padding: 0; + margin: 0; + font-size: 100%; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; + } + + .highlight { + margin-bottom: 16px; + } + + .highlight pre, + pre { + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border-radius: 3px; + } + + .highlight pre { + margin-bottom: 0; + word-break: normal; + } + + pre { + word-wrap: normal; + } + + pre code, + pre tt { + display: inline; + max-width: initial; + padding: 0; + margin: 0; + overflow: initial; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; + } + + pre code:before, + pre code:after, + pre tt:before, + pre tt:after { + content: normal; + } + + kbd { + display: inline-block; + padding: 3px 5px; + font-size: 11px; + line-height: 10px; + color: #555555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px #cccccc; + border-bottom-color: #bbbbbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbbbbb; + } + + input[type="checkbox"] { + vertical-align: middle !important; + } + + .csv-data td, + .csv-data th { + padding: 5px; + overflow: hidden; + font-size: 12px; + line-height: 1; + text-align: left; + white-space: nowrap; + } + + .csv-data .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: #ffffff; + border: 0; + } + + .csv-data tr { + border-top: 0; + } + + .csv-data th { + font-weight: bold; + background: #f8f8f8; + border-top: 0; + } + + .ui.list .list, + ol.ui.list ol, + ul.ui.list ul { + padding-left: 2em; + } } .repository.wiki.revisions { - .ui.container > .ui.stackable.grid { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + .ui.container > .ui.stackable.grid { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; - > .header { - margin-top: 0; + > .header { + margin-top: 0; - .sub.header { - padding-left: 52px; - word-break: break-word; - } - } + .sub.header { + padding-left: 52px; + word-break: break-word; + } } + } } .file-revisions-btn { - display: block; - float: left; - margin-bottom: 2px !important; - padding: 11px !important; - margin-right: 10px !important; + display: block; + float: left; + margin-bottom: 2px !important; + padding: 11px !important; + margin-right: 10px !important; - i { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } + i { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } } .markdown-block-error { - margin-bottom: 0 !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - box-shadow: none !important; - font-size: 85% !important; - white-space: pre !important; - padding: .5rem 1rem !important; - text-align: left !important; + margin-bottom: 0 !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + box-shadow: none !important; + font-size: 85% !important; + white-space: pre !important; + padding: .5rem 1rem !important; + text-align: left !important; } .markdown-block-error + pre { - border-top: none !important; - margin-top: 0 !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + border-top: none !important; + margin-top: 0 !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less index 5a72017c2..1010b7a91 100644 --- a/web_src/less/_organization.less +++ b/web_src/less/_organization.less @@ -1,212 +1,212 @@ .organization { - padding-top: 15px; + padding-top: 15px; - .head { - .ui.header { - .text { - vertical-align: middle; - font-size: 1.6rem; - margin-left: 15px; - } + .head { + .ui.header { + .text { + vertical-align: middle; + font-size: 1.6rem; + margin-left: 15px; + } - .ui.right { - margin-top: 5px; - } - } + .ui.right { + margin-top: 5px; + } + } + } + + &.new.org { + #create-page-form; + + form { + .header { + padding-left: 0 !important; + text-align: center; + } + } + } + + &.options { + input { + min-width: 300px; + } + } + + &.profile { + #org-avatar { + width: 100px; + height: 100px; + margin-right: 15px; } - &.new.org { - #create-page-form; + #org-info { + .ui.header { + font-size: 36px; + margin-bottom: 0; + } - form { - .header { - padding-left: 0 !important; - text-align: center; - } + .desc { + font-size: 16px; + margin-bottom: 10px; + } + + .meta { + .item { + display: inline-block; + margin-right: 10px; + + .icon { + margin-right: 5px; + } } + } } - &.options { + .ui.top.header { + .ui.right { + margin-top: 0; + } + } + + .teams { + .item { + padding: 10px 15px; + } + } + } + + &.teams, + &.profile { + .members { + .ui.avatar { + width: 48px; + height: 48px; + margin-right: 5px; + } + } + } + + &.invite { + #invite-box { + margin: 50px auto auto; + width: 500px !important; + + #search-user-box { input { - min-width: 300px; + margin-left: 0; + width: 300px; } + } + + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } + } + + &.members { + .list { + .item { + margin-left: 0; + margin-right: 0; + border-bottom: 1px solid #eeeeee; + + .ui.avatar { + width: 48px; + height: 48px; + } + + .meta { + line-height: 24px; + } + } + } + } + + &.teams { + .detail { + .item { + padding: 10px 15px; + + &:not(:last-child) { + border-bottom: 1px solid #eeeeee; + } + } } - &.profile { - #org-avatar { - width: 100px; - height: 100px; - margin-right: 15px; + .repositories, + .members { + .item { + padding: 10px 20px; + line-height: 32px; + + &:not(:last-child) { + border-bottom: 1px solid #dddddd; } - #org-info { - .ui.header { - font-size: 36px; - margin-bottom: 0; - } - - .desc { - font-size: 16px; - margin-bottom: 10px; - } - - .meta { - .item { - display: inline-block; - margin-right: 10px; - - .icon { - margin-right: 5px; - } - } - } - } - - .ui.top.header { - .ui.right { - margin-top: 0; - } - } - - .teams { - .item { - padding: 10px 15px; - } + .button { + padding: 9px 10px; } + } } - &.teams, - &.profile { - .members { - .ui.avatar { - width: 48px; - height: 48px; - margin-right: 5px; - } - } + #add-repo-form, + #repo-multiple-form, + #add-member-form { + input { + margin-left: 0; + } + + .ui.button { + margin-left: 5px; + margin-top: -3px; + } } - &.invite { - #invite-box { - margin: 50px auto auto; - width: 500px !important; - - #search-user-box { - input { - margin-left: 0; - width: 300px; - } - } - - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } + #repo-top-segment { + height: 60px; } + } - &.members { - .list { - .item { - margin-left: 0; - margin-right: 0; - border-bottom: 1px solid #eeeeee; + &.settings { + .labelspage { + list-style: none; + padding-top: 0; - .ui.avatar { - width: 48px; - height: 48px; - } - - .meta { - line-height: 24px; - } - } - } - } - - &.teams { - .detail { - .item { - padding: 10px 15px; - - &:not(:last-child) { - border-bottom: 1px solid #eeeeee; - } - } - } - - .repositories, - .members { - .item { - padding: 10px 20px; - line-height: 32px; - - &:not(:last-child) { - border-bottom: 1px solid #dddddd; - } - - .button { - padding: 9px 10px; - } - } - } - - #add-repo-form, - #repo-multiple-form, - #add-member-form { - input { - margin-left: 0; - } - - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } - - #repo-top-segment { - height: 60px; - } - } - - &.settings { - .labelspage { - list-style: none; - padding-top: 0; - - .item { - margin-top: 0; - margin-right: -14px; - margin-left: -14px !important; - padding: 10px; - border-bottom: 1px solid #e1e4e8; - border-top: none; - - a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666666; - - &:hover { - color: #000000; - } - - &.open-issues { - margin-right: 30px; - } - } - - .ui.label { - font-size: 1em; - } - } - - .item:last-child { - border-bottom: none; - padding-bottom: 0; - } + .item { + margin-top: 0; + margin-right: -14px; + margin-left: -14px !important; + padding: 10px; + border-bottom: 1px solid #e1e4e8; + border-top: none; + a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666666; + + &:hover { + color: #000000; + } + + &.open-issues { + margin-right: 30px; + } } + + .ui.label { + font-size: 1em; + } + } + + .item:last-child { + border-bottom: none; + padding-bottom: 0; + } + } + } } diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 0d994c565..c149cc4fe 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -1,2822 +1,2822 @@ .repository { + padding-top: 15px; + + .repo-header { + .ui.compact.menu { + margin-left: 1rem; + } + + .ui.header { + margin-top: 0; + } + + .ui.huge.breadcrumb { + font-weight: 400; + font-size: 1.5rem; + + .label { + vertical-align: middle; + margin-top: -.29165em; + } + + &.repo-title .repo-header-icon { + display: inline-block; + position: relative; + + .avatar { + position: absolute; + right: 0; + bottom: 0; + width: 16px; + height: 16px; + color: #fafafa; + box-shadow: 0 0 0 2px; + margin: 0; + } + } + } + + .fork-flag { + margin-left: 36px; + margin-top: 3px; + display: block; + font-size: 12px; + white-space: nowrap; + } + + .repo-buttons .svg { + margin: 0 .42857143em 0 -.21428571em; + } + + .button { + margin-top: 2px; + margin-bottom: 2px; + } + } + + .tabs { + .navbar { + justify-content: initial; + } + } + + .navbar { + display: flex; + justify-content: space-between; + + .ui.label { + margin-left: 7px; + padding: 3px 5px; + } + } + + .owner.dropdown { + min-width: 40% !important; + } + + #file-buttons { + /* The reason for the !important is that Semantic itself has + margin-left: 0 !important on right items on mobile, which is mostly + to make sure elements which on menus would otherwise be on the right + align correctly with other elements when stacked. + Unfortunately, this brings some weird alignment on this particular + element, so we need to override it. */ + margin-left: auto !important; + font-weight: normal; + + .ui.button { + padding: 8px 10px; + font-weight: normal; + } + } + + .metas { + .menu { + overflow-x: auto; + max-height: 300px; + } + + .ui.list { + &.assignees .icon { + line-height: 2em; + } + + .hide { + display: none !important; + } + + .item { + padding: 0; + } + + .label.color { + padding: 0 8px; + margin-right: 5px; + } + + a { + margin: 2px 0; + + .text { + color: #444444; + + &:hover { + color: #000000; + } + } + } + } + + #deadlineForm input { + width: 12.8rem; + border-radius: 4px 0 0 4px; + border-right: 0; + white-space: nowrap; + } + } + + .header-wrapper { + background-color: #fafafa; + margin-top: -15px; padding-top: 15px; - .repo-header { - .ui.compact.menu { - margin-left: 1rem; - } - - .ui.header { - margin-top: 0; - } - - .ui.huge.breadcrumb { - font-weight: 400; - font-size: 1.5rem; - - .label { - vertical-align: middle; - margin-top: -.29165em; - } - - &.repo-title .repo-header-icon { - display: inline-block; - position: relative; - - .avatar { - position: absolute; - right: 0; - bottom: 0; - width: 16px; - height: 16px; - color: #fafafa; - box-shadow: 0 0 0 2px; - margin: 0; - } - } - } - - .fork-flag { - margin-left: 36px; - margin-top: 3px; - display: block; - font-size: 12px; - white-space: nowrap; - } - - .repo-buttons .svg { - margin: 0 .42857143em 0 -.21428571em; - } - - .button { - margin-top: 2px; - margin-bottom: 2px; - } + .ui.tabs.divider { + border-bottom: 0; } - .tabs { - .navbar { - justify-content: initial; - } + .ui.tabular .svg { + margin-right: 5px; + } + } + + .filter.menu { + .label.color { + border-radius: 3px; + margin-left: 15px; + padding: 0 8px; } - .navbar { - display: flex; - justify-content: space-between; - - .ui.label { - margin-left: 7px; - padding: 3px 5px; - } + .svg { + float: left; + margin: 0 -7px 0 -5px; + width: 16px; } - .owner.dropdown { - min-width: 40% !important; + &.labels .svg { + margin: -2px -7px 0 -5px; + } + + &.labels { + .label-filter .menu .info { + display: inline-block; + padding: .5rem .25rem; + border-bottom: 1px solid #cccccc; + font-size: 12px; + width: 100%; + white-space: nowrap; + text-align: center; + + code { + border: 1px solid #cccccc; + border-radius: 3px; + padding: 1px 2px; + font-size: 11px; + } + } + } + + .text { + margin-left: .9em; + } + + .menu { + max-height: 300px; + overflow-x: auto; + right: 0 !important; + left: auto !important; + } + + .dropdown.item { + margin: 1px; + padding-right: 0; + } + } + + .select-label { + .desc { + padding-left: 16px; + } + } + + .ui.tabs { + &.container { + margin-top: 14px; + margin-bottom: 0; + + .ui.menu { + border-bottom: 0; + } + } + + &.divider { + margin-top: 0; + margin-bottom: 20px; + } + } + + #clone-panel { + width: 350px; + + @media only screen and (max-width: 768px) { + width: 100%; + } + + input { + border-radius: 0; + padding: 5px 10px; + width: 50%; + } + + .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.list { + .repo-description { + display: flex; + justify-content: space-between; + align-items: center; + } + + #repo-desc { + font-size: 1.2em; + } + + .choose.reference { + .header .icon { + font-size: 1.4em; + } + } + + .repo-path { + + .section, + .divider { + display: inline; + } } #file-buttons { - /* The reason for the !important is that Semantic itself has - margin-left: 0 !important on right items on mobile, which is mostly - to make sure elements which on menus would otherwise be on the right - align correctly with other elements when stacked. - Unfortunately, this brings some weird alignment on this particular - element, so we need to override it. */ - margin-left: auto !important; + font-weight: normal; + + .ui.button { + padding: 8px 10px; font-weight: normal; + } - .ui.button { - padding: 8px 10px; - font-weight: normal; - } - } - - .metas { - .menu { - overflow-x: auto; - max-height: 300px; - } - - .ui.list { - &.assignees .icon { - line-height: 2em; - } - - .hide { - display: none !important; - } - - .item { - padding: 0; - } - - .label.color { - padding: 0 8px; - margin-right: 5px; - } - - a { - margin: 2px 0; - - .text { - color: #444444; - - &:hover { - color: #000000; - } - } - } - } - - #deadlineForm input { - width: 12.8rem; - border-radius: 4px 0 0 4px; - border-right: 0; - white-space: nowrap; - } - } - - .header-wrapper { - background-color: #fafafa; - margin-top: -15px; - padding-top: 15px; - - .ui.tabs.divider { - border-bottom: 0; - } - - .ui.tabular .svg { - margin-right: 5px; - } - } - - .filter.menu { - .label.color { - border-radius: 3px; - margin-left: 15px; - padding: 0 8px; - } - - .svg { - float: left; - margin: 0 -7px 0 -5px; - width: 16px; - } - - &.labels .svg { - margin: -2px -7px 0 -5px; - } - - &.labels { - .label-filter .menu .info { - display: inline-block; - padding: .5rem .25rem; - border-bottom: 1px solid #cccccc; - font-size: 12px; - width: 100%; - white-space: nowrap; - text-align: center; - - code { - border: 1px solid #cccccc; - border-radius: 3px; - padding: 1px 2px; - font-size: 11px; - } - } - } - - .text { - margin-left: .9em; - } - - .menu { - max-height: 300px; - overflow-x: auto; - right: 0 !important; - left: auto !important; - } - - .dropdown.item { - margin: 1px; - padding-right: 0; - } - } - - .select-label { - .desc { - padding-left: 16px; - } - } - - .ui.tabs { - &.container { - margin-top: 14px; - margin-bottom: 0; - - .ui.menu { - border-bottom: 0; - } - } - - &.divider { - margin-top: 0; - margin-bottom: 20px; - } - } - - #clone-panel { - width: 350px; - + .ui.tiny.blue.buttons { @media only screen and (max-width: 768px) { - width: 100%; - } - - input { - border-radius: 0; - padding: 5px 10px; - width: 50%; - } - - .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; + width: 100%; } + } } - &.file.list { - .repo-description { - display: flex; - justify-content: space-between; - align-items: center; + #repo-files-table { + thead { + th { + padding-top: 8px; + padding-bottom: 5px; + font-weight: normal; } - #repo-desc { - font-size: 1.2em; + .ui.avatar { + margin-bottom: 5px; } - .choose.reference { - .header .icon { - font-size: 1.4em; + .commit-summary a { + text-decoration: underline; + text-decoration-style: dashed; + + &:hover { + text-decoration-style: solid; + } + + &.default-link { + text-decoration: none; + + &:hover { + text-decoration: underline; + text-decoration-style: solid; } + } + } + } + + tbody { + .svg { + margin-left: 3px; + margin-right: 5px; + color: #777777; + + &.octicon-reply { + margin-right: 10px; + } + + &.octicon-file-directory, + &.octicon-file-submodule { + color: #1e70bf; + } + } + } + + td { + padding-top: 0; + padding-bottom: 0; + overflow: initial; + + &.name { + max-width: 150px; } - .repo-path { - - .section, - .divider { - display: inline; - } + &.message { + max-width: 400px; } - #file-buttons { - font-weight: normal; - - .ui.button { - padding: 8px 10px; - font-weight: normal; - } - - .ui.tiny.blue.buttons { - @media only screen and (max-width: 768px) { - width: 100%; - } - } + &.age { + width: 120px; } - #repo-files-table { - thead { - th { - padding-top: 8px; - padding-bottom: 5px; - font-weight: normal; - } - - .ui.avatar { - margin-bottom: 5px; - } - - .commit-summary a { - text-decoration: underline; - text-decoration-style: dashed; - - &:hover { - text-decoration-style: solid; - } - - &.default-link { - text-decoration: none; - - &:hover { - text-decoration: underline; - text-decoration-style: solid; - } - } - } - } - - tbody { - .svg { - margin-left: 3px; - margin-right: 5px; - color: #777777; - - &.octicon-reply { - margin-right: 10px; - } - - &.octicon-file-directory, - &.octicon-file-submodule { - color: #1e70bf; - } - } - } - - td { - padding-top: 0; - padding-bottom: 0; - overflow: initial; - - &.name { - max-width: 150px; - } - - &.message { - max-width: 400px; - } - - &.age { - width: 120px; - } - - > a { - width: calc(100% - 8px); /* prevent overflow into adjacant cell */ - display: inline-block; - padding-top: 8px; - padding-bottom: 8px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - > * { - vertical-align: middle; - } - } - - td.message .isSigned { - cursor: default; - } - - tr:hover { - background-color: #ffffee; - } - - .jumpable-path { - color: #888888; - } + > a { + width: calc(100% - 8px); /* prevent overflow into adjacant cell */ + display: inline-block; + padding-top: 8px; + padding-bottom: 8px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .non-diff-file-content { - .header { - .icon { - font-size: 1em; - } - - .small.icon { - font-size: .75em; - } - - .tiny.icon { - font-size: .5em; - } - - .file-actions { - margin-bottom: -5px; - - .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: #bbbbbb; - cursor: default; - } - - #delete-file-form { - display: inline-block; - } - } - } - - .view-raw { - padding: 5px; - - * { - max-width: 100%; - } - - img { - border-radius: 0; - } - } - - .plain-text { - padding: 1em 2em; - - pre { - word-break: break-word; - white-space: pre-wrap; - } - } - - .csv { - overflow-x: auto; - padding: 0 !important; - } - - pre { - overflow: auto; - } + > * { + vertical-align: middle; } + } - .sidebar { - padding-left: 0; + td.message .isSigned { + cursor: default; + } - .svg { - width: 16px; - } - } + tr:hover { + background-color: #ffffee; + } + + .jumpable-path { + color: #888888; + } } - &.file.editor { - .treepath { - width: 100%; + .non-diff-file-content { + .header { + .icon { + font-size: 1em; + } + + .small.icon { + font-size: .75em; + } + + .tiny.icon { + font-size: .5em; + } + + .file-actions { + margin-bottom: -5px; + + .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: #bbbbbb; + cursor: default; + } + + #delete-file-form { + display: inline-block; + } + } + } + + .view-raw { + padding: 5px; + + * { + max-width: 100%; + } + + img { + border-radius: 0; + } + } + + .plain-text { + padding: 1em 2em; + + pre { + word-break: break-word; + white-space: pre-wrap; + } + } + + .csv { + overflow-x: auto; + padding: 0 !important; + } + + pre { + overflow: auto; + } + } + + .sidebar { + padding-left: 0; + + .svg { + width: 16px; + } + } + } + + &.file.editor { + .treepath { + width: 100%; + + input { + vertical-align: middle; + box-shadow: rgba(0, 0, 0, .0745098) 0 1px 2px inset; + width: inherit; + padding: 7px 8px; + margin-right: 5px; + } + } + + .tabular.menu { + .svg { + margin-right: 5px; + } + } + + .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 #dddddd; + border-radius: 3px; + #avatar-arrow; + + &:after { + border-right-color: #ffffff; + } + + .quick-pull-choice { + .branch-name { + display: inline-block; + padding: 3px 6px; + font: 12px @monospaced-fonts, monospace; + color: rgba(0, 0, 0, .65); + background-color: rgba(209, 227, 237, .45); + border-radius: 3px; + } + + .new-branch-name-input { + position: relative; + margin-left: 25px; input { - vertical-align: middle; - box-shadow: rgba(0, 0, 0, .0745098) 0 1px 2px inset; - width: inherit; - padding: 7px 8px; - margin-right: 5px; + width: 240px !important; + padding-left: 26px !important; } + } + + .octicon-git-branch { + position: absolute; + top: 9px; + left: 10px; + color: #b0c4ce; + } } + } + } + } - .tabular.menu { - .svg { - margin-right: 5px; - } - } - - .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 #dddddd; - border-radius: 3px; - #avatar-arrow; - - &:after { - border-right-color: #ffffff; - } - - .quick-pull-choice { - .branch-name { - display: inline-block; - padding: 3px 6px; - font: 12px @monospaced-fonts, monospace; - color: rgba(0, 0, 0, .65); - background-color: rgba(209, 227, 237, .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; - } - } - } - } + &.options { + #interval { + width: 100px !important; + min-width: 100px; } - &.options { - #interval { - width: 100px !important; - min-width: 100px; - } + .danger { + .item { + padding: 20px 15px; + } - .danger { - .item { - padding: 20px 15px; - } - - .ui.divider { - margin: 0; - } - } + .ui.divider { + margin: 0; + } } + } - @comment-avatar-width: 3em; + @comment-avatar-width: 3em; - .comment textarea { - max-height: none !important; - } - - &.new.issue { - .comment.form { - .comment { - .avatar { - width: @comment-avatar-width; - } - } - - .content { - margin-left: 4em; - #avatar-arrow; - - &:after { - border-right-color: #ffffff; - } - - .markdown { - font-size: 14px; - } - } - - .metas { - min-width: 220px; - - .filter.menu { - max-height: 300px; - overflow-x: auto; - } - } - - } - } - - &.view.issue { - .title { - padding-bottom: 0 !important; - - h1 { - font-weight: 300; - font-size: 2.3rem; - margin-bottom: 5px; - - .ui.input { - font-size: .5em; - vertical-align: top; - width: 50%; - min-width: 600px; - - input { - font-size: 1.5em; - padding: 6px 10px; - } - } - } - - .index { - font-weight: 300; - color: #aaaaaa; - letter-spacing: -1px; - } - - .label { - margin-right: 10px; - } - - .edit-zone { - margin-top: 10px; - } - } - - .pull-desc { - code { - color: #0166e6; - } - } - - .pull { - &.tabular.menu { - margin-bottom: 1rem; - - .svg { - margin-right: 5px; - } - } - - .merge.box { - .avatar { - margin-left: 10px; - margin-top: 10px; - } - .branch-update.grid { - .row { - padding-bottom: 1rem; - .icon { - margin-top: 1.1rem; - } - } - } - } - - .review-item { - display: flex; - justify-content: space-between; - align-items: center; - - .review-item-left, - .review-item-right { - display: flex; - align-items: center; - } - - .avatar, - .type-icon { - .svg { - width: 23px; - height: 23px; - } - } - - .text { - margin: .3em 0 .5em .5em; - } - - .type-icon { - align-self: flex-start; - margin-right: 1em; - - i { - line-height: 1.8em; - } - } - - .divider { - margin: .5rem 0; - } - - .review-content { - padding: 1em 0 1em 3.8em; - } - } - } - - .comment-list { - &:not(.prevent-before-timeline):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; - } - - .timeline { - position: relative; - display: block; - margin-left: 40px; - padding-left: 16px; - - &:before { //ciara - display: block; - content: ""; - position: absolute; - margin-top: 12px; - margin-bottom: 14px; - top: 0; - bottom: 0; - left: 30px; - width: 2px; - background-color: #f3f3f3; - z-index: -1; - } - } - - .timeline-item, - .timeline-item-group { - padding: 12px 0; - } - - .timeline-item-group { - .timeline-item { - padding-top: 8px; - padding-bottom: 8px; - } - } - - .timeline-item { - margin-left: 16px; - position: relative; - - .timeline-avatar { - position: absolute; - left: -72px; - img { - width: 40px; - height: 40px; - } - } - - .avatar.image, - .avatar.image img { - width: 20px; - height: 20px; - margin-right: .15em; - } - - &:first-child:not(.commit) { - padding-top: 0 !important; - } - - &:last-child:not(.commit) { - padding-bottom: 0 !important; - } - - .badge.badge-commit { - border-color: transparent; - background: radial-gradient(white 40%, transparent 40%) no-repeat; - } - - .badge { - width: 32px; - height: 32px; - background-color: #fff; - border: 2px solid #eee; - border-radius: 50%; - display: flex; - float: left; - margin-left: -32px; - margin-right: 8px; - color: #444; - align-items: center; - justify-content: center; - - .svg { - width: 24px; - height: 24px; - padding: 3px; - - &.octicon-circle-slash { - color: #bd2c00; - } - - &.octicon-dot-fill { - color: #6cc644; - } - - &.octicon-comment { - margin-top: 2px; - } - } - } - - &.comment > .content { - margin-left: -16px; - } - - &.event > .text { - line-height: 32px; - vertical-align: middle; - } - - &.commits-list { - padding-left: 15px; - padding-top: 0; - - .singular-commit { - line-height: 30px; - - &:not(:last-child) { - padding-bottom: 2px; - } - - .shabox { - .sha.label { - margin: 0; - border: 1px solid #bbbbbb; - - &.isSigned.isWarning { - border: 1px solid #db2828; - background: fade(#db2828, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#db2828, 30%) !important; - } - } - - &.isSigned.isVerified { - border: 1px solid #21ba45; - background: fade(#21ba45, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#21ba45, 30%) !important; - } - } - - &.isSigned.isVerifiedUntrusted { - border: 1px solid #fbbd08; - background: fade(#fbbd08, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#fbbd08, 30%) !important; - } - } - - &.isSigned.isVerifiedUnmatched { - border: 1px solid #f2711c; - background: fade(#f2711c, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - &:hover { - background: fade(#f2711c, 30%) !important; - } - } - } - } - } - } - - &.event > .commit-status-link { - float: right; - margin-right: 8px; - margin-top: 4px; - } - - .author { - font-weight: 700; - } - - .comment-form-reply .footer { - padding-bottom: 1em; - } - } - - .comment { - - .tag { - color: #767676; - margin-top: 3px; - padding: 2px 5px; - font-size: 12px; - border: 1px solid rgba(0, 0, 0, .1); - border-radius: 3px; - &.review { - margin-left: 5px; - &.pending { - color: black; - background-color: #fffbb2; - } - } - } - - .actions { - .item { - float: left; - - &.context { - float: none; - } - - &.tag { - margin-right: 5px; - } - - &.action { - margin-top: 6px; - padding-left: 10px; - padding-right: 3px; - } - } - } - - > .content { - > div:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - } - - > div:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - } - - .content { - > .header { - #avatar-arrow; - font-weight: normal; - padding: auto 15px; - position: relative; - color: #767676; - background-color: #f7f7f7; - - .text { - padding-top: 10px; - padding-bottom: 10px; - } - - &.arrow-top::before, - &.arrow-top::after { - transform: rotate(90deg); - } - - &.arrow-top::before { - top: -9px; - left: 6px; - } - - &.arrow-top::after { - top: -8px; - left: 7px; - } - - .actions a { - color: rgba(0, 0, 0, .4); - - &:hover { - color: rgba(0, 0, 0, .8); - } - } - } - - > .merge-section { - background-color: #f7f7f7; - - .item { - padding: .25rem 0; - } - - .item-section { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0; - margin-top: -.25rem; - margin-bottom: -.25rem; - } - - .divider { - margin-left: -1rem; - margin-right: -1rem; - } - - &.no-header { - #avatar-arrow; - } - } - - .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 #eeeeee; - border-radius: 3px; - max-width: 150px; - background-color: #ffffff; - - &: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: 128px; - color: #000000; - } - - span.ui.image:hover { - color: #000000; - } - } - } - - &:target > .content { - box-shadow: 0 0 10px #8c8c8c; - } - - &:target > .content > .code-comment-content { - padding: 4px; - } - - &:target > .content > .code-comment-content > .text { - margin-bottom: 0; - } - - .ui.form { - .field { - &:first-child { - clear: none; - } - - &.footer { - overflow: hidden; - } - - .tab.markdown { - min-height: 5rem; - } - } - - textarea { - height: 200px; - font-family: @monospaced-fonts, monospace; - } - } - - .edit.buttons { - margin-top: 10px; - } - } - - .event { - padding-left: 15px; - - & > .svg:not(.issue-symbol) { - text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; - } - - & > .svg.issue-symbol { - font-size: 20px; - margin-left: -35px; - margin-right: -1px; - margin-top: 0 !important; - height: 28px; - width: 28px; - border-radius: 50%; - text-align: center; - line-height: 28px; - background: #eee; - - &::before { - width: 15px; - display: inline-block; - } - - &.octicon-key::before { - width: 18px; - } - - &.octicon-circle-slash::before { - width: 17px; - } - - &.octicon-comment { - font-size: 21px; - line-height: 33px; - - &::before { - width: 20px; - } - } - } - - .detail { - font-size: .9rem; - margin-top: 5px; - margin-left: 8px; - } - - .segments { - box-shadow: none; - - .show-outdated, - .hide-outdated { - display: block; - } - } - } - } - - .ui.participants { - img { - margin-top: 5px; - margin-right: 5px; - } - } - - .ui.depending { - .item.is-closed { - .title { - text-decoration: line-through; - } - } - } - } + .comment textarea { + max-height: none !important; + } + &.new.issue { .comment.form { - .ui.comments { - margin-top: -12px; - max-width: 100%; + .comment { + .avatar { + width: @comment-avatar-width; } + } - .content { - .field:first-child { - clear: none; - } + .content { + margin-left: 4em; + #avatar-arrow; - .form { - #avatar-arrow; - - &:after { - border-right-color: #ffffff; - } - } - - textarea { - height: 200px; - font-family: @monospaced-fonts, monospace; - } - } - } - - .labelspage { - list-style: none; - padding-top: 0; - - .item { - margin-top: 0; - margin-right: -14px; - margin-left: -14px; - padding: 10px; - border-bottom: 1px solid #e1e4e8; - border-top: none; - - a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666666; - - &:hover { - color: #000000; - } - - &.open-issues { - margin-right: 30px; - } - } - - .ui.label { - font-size: 1em; - } - } - - .item:last-child { - border-bottom: none; - padding-bottom: 0; - } - - .orglabel { - opacity: .7; - } - - } - - .milestone.list { - list-style: none; - padding-top: 15px; - - > .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed #aaaaaa; - - > a { - padding-top: 5px; - padding-right: 10px; - color: #000000; - - &:hover { - color: #4078c0; - } - } - - .ui.progress { - width: 40%; - padding: 0; - border: 0; - margin: 0; - - .bar { - height: 20px; - } - } - - .meta { - color: #999999; - padding-top: 5px; - - .issue-stats .svg { - padding-left: 5px; - } - - .overdue { - color: red; - } - } - - .operate { - margin-top: -15px; - - > a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666666; - - &:hover { - color: #000000; - } - } - } - - .content { - padding-top: 10px; - } - } - } - - &.new.milestone { - textarea { - height: 200px; - } - } - - &.compare.pull { - .show-form-container { - text-align: left; - } - - .choose.branch { - .svg { - margin-right: 10px; - } - } - - .comment.form { - .content { - #avatar-arrow; - - &:after { - border-right-color: #ffffff; - } - } - } - - .pullrequest-form { - margin-bottom: 1.5rem; + &:after { + border-right-color: #ffffff; } .markdown { - font-size: 14px; + font-size: 14px; } + } + + .metas { + min-width: 220px; + + .filter.menu { + max-height: 300px; + overflow-x: auto; + } + } + + } + } + + &.view.issue { + .title { + padding-bottom: 0 !important; + + h1 { + font-weight: 300; + font-size: 2.3rem; + margin-bottom: 5px; + + .ui.input { + font-size: .5em; + vertical-align: top; + width: 50%; + min-width: 600px; + + input { + font-size: 1.5em; + padding: 6px 10px; + } + } + } + + .index { + font-weight: 300; + color: #aaaaaa; + letter-spacing: -1px; + } + + .label { + margin-right: 10px; + } + + .edit-zone { + margin-top: 10px; + } } - .filter.dropdown .menu { - margin-top: 1px !important; + .pull-desc { + code { + color: #0166e6; + } + } + + .pull { + &.tabular.menu { + margin-bottom: 1rem; + + .svg { + margin-right: 5px; + } + } + + .merge.box { + .avatar { + margin-left: 10px; + margin-top: 10px; + } + .branch-update.grid { + .row { + padding-bottom: 1rem; + .icon { + margin-top: 1.1rem; + } + } + } + } + + .review-item { + display: flex; + justify-content: space-between; + align-items: center; + + .review-item-left, + .review-item-right { + display: flex; + align-items: center; + } + + .avatar, + .type-icon { + .svg { + width: 23px; + height: 23px; + } + } + + .text { + margin: .3em 0 .5em .5em; + } + + .type-icon { + align-self: flex-start; + margin-right: 1em; + + i { + line-height: 1.8em; + } + } + + .divider { + margin: .5rem 0; + } + + .review-content { + padding: 1em 0 1em 3.8em; + } + } + } + + .comment-list { + &:not(.prevent-before-timeline):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; + } + + .timeline { + position: relative; + display: block; + margin-left: 40px; + padding-left: 16px; + + &:before { //ciara + display: block; + content: ""; + position: absolute; + margin-top: 12px; + margin-bottom: 14px; + top: 0; + bottom: 0; + left: 30px; + width: 2px; + background-color: #f3f3f3; + z-index: -1; + } + } + + .timeline-item, + .timeline-item-group { + padding: 12px 0; + } + + .timeline-item-group { + .timeline-item { + padding-top: 8px; + padding-bottom: 8px; + } + } + + .timeline-item { + margin-left: 16px; + position: relative; + + .timeline-avatar { + position: absolute; + left: -72px; + img { + width: 40px; + height: 40px; + } + } + + .avatar.image, + .avatar.image img { + width: 20px; + height: 20px; + margin-right: .15em; + } + + &:first-child:not(.commit) { + padding-top: 0 !important; + } + + &:last-child:not(.commit) { + padding-bottom: 0 !important; + } + + .badge.badge-commit { + border-color: transparent; + background: radial-gradient(white 40%, transparent 40%) no-repeat; + } + + .badge { + width: 32px; + height: 32px; + background-color: #fff; + border: 2px solid #eee; + border-radius: 50%; + display: flex; + float: left; + margin-left: -32px; + margin-right: 8px; + color: #444; + align-items: center; + justify-content: center; + + .svg { + width: 24px; + height: 24px; + padding: 3px; + + &.octicon-circle-slash { + color: #bd2c00; + } + + &.octicon-dot-fill { + color: #6cc644; + } + + &.octicon-comment { + margin-top: 2px; + } + } + } + + &.comment > .content { + margin-left: -16px; + } + + &.event > .text { + line-height: 32px; + vertical-align: middle; + } + + &.commits-list { + padding-left: 15px; + padding-top: 0; + + .singular-commit { + line-height: 30px; + + &:not(:last-child) { + padding-bottom: 2px; + } + + .shabox { + .sha.label { + margin: 0; + border: 1px solid #bbbbbb; + + &.isSigned.isWarning { + border: 1px solid #db2828; + background: fade(#db2828, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#db2828, 30%) !important; + } + } + + &.isSigned.isVerified { + border: 1px solid #21ba45; + background: fade(#21ba45, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#21ba45, 30%) !important; + } + } + + &.isSigned.isVerifiedUntrusted { + border: 1px solid #fbbd08; + background: fade(#fbbd08, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#fbbd08, 30%) !important; + } + } + + &.isSigned.isVerifiedUnmatched { + border: 1px solid #f2711c; + background: fade(#f2711c, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + &:hover { + background: fade(#f2711c, 30%) !important; + } + } + } + } + } + } + + &.event > .commit-status-link { + float: right; + margin-right: 8px; + margin-top: 4px; + } + + .author { + font-weight: 700; + } + + .comment-form-reply .footer { + padding-bottom: 1em; + } + } + + .comment { + + .tag { + color: #767676; + margin-top: 3px; + padding: 2px 5px; + font-size: 12px; + border: 1px solid rgba(0, 0, 0, .1); + border-radius: 3px; + &.review { + margin-left: 5px; + &.pending { + color: black; + background-color: #fffbb2; + } + } + } + + .actions { + .item { + float: left; + + &.context { + float: none; + } + + &.tag { + margin-right: 5px; + } + + &.action { + margin-top: 6px; + padding-left: 10px; + padding-right: 3px; + } + } + } + + > .content { + > div:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + > div:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + } + + .content { + > .header { + #avatar-arrow; + font-weight: normal; + padding: auto 15px; + position: relative; + color: #767676; + background-color: #f7f7f7; + + .text { + padding-top: 10px; + padding-bottom: 10px; + } + + &.arrow-top::before, + &.arrow-top::after { + transform: rotate(90deg); + } + + &.arrow-top::before { + top: -9px; + left: 6px; + } + + &.arrow-top::after { + top: -8px; + left: 7px; + } + + .actions a { + color: rgba(0, 0, 0, .4); + + &:hover { + color: rgba(0, 0, 0, .8); + } + } + } + + > .merge-section { + background-color: #f7f7f7; + + .item { + padding: .25rem 0; + } + + .item-section { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + margin-top: -.25rem; + margin-bottom: -.25rem; + } + + .divider { + margin-left: -1rem; + margin-right: -1rem; + } + + &.no-header { + #avatar-arrow; + } + } + + .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 #eeeeee; + border-radius: 3px; + max-width: 150px; + background-color: #ffffff; + + &: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: 128px; + color: #000000; + } + + span.ui.image:hover { + color: #000000; + } + } + } + + &:target > .content { + box-shadow: 0 0 10px #8c8c8c; + } + + &:target > .content > .code-comment-content { + padding: 4px; + } + + &:target > .content > .code-comment-content > .text { + margin-bottom: 0; + } + + .ui.form { + .field { + &:first-child { + clear: none; + } + + &.footer { + overflow: hidden; + } + + .tab.markdown { + min-height: 5rem; + } + } + + textarea { + height: 200px; + font-family: @monospaced-fonts, monospace; + } + } + + .edit.buttons { + margin-top: 10px; + } + } + + .event { + padding-left: 15px; + + & > .svg:not(.issue-symbol) { + text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; + } + + & > .svg.issue-symbol { + font-size: 20px; + margin-left: -35px; + margin-right: -1px; + margin-top: 0 !important; + height: 28px; + width: 28px; + border-radius: 50%; + text-align: center; + line-height: 28px; + background: #eee; + + &::before { + width: 15px; + display: inline-block; + } + + &.octicon-key::before { + width: 18px; + } + + &.octicon-circle-slash::before { + width: 17px; + } + + &.octicon-comment { + font-size: 21px; + line-height: 33px; + + &::before { + width: 20px; + } + } + } + + .detail { + font-size: .9rem; + margin-top: 5px; + margin-left: 8px; + } + + .segments { + box-shadow: none; + + .show-outdated, + .hide-outdated { + display: block; + } + } + } + } + + .ui.participants { + img { + margin-top: 5px; + margin-right: 5px; + } + } + + .ui.depending { + .item.is-closed { + .title { + text-decoration: line-through; + } + } + } + } + + .comment.form { + .ui.comments { + margin-top: -12px; + max-width: 100%; + } + + .content { + .field:first-child { + clear: none; + } + + .form { + #avatar-arrow; + + &:after { + border-right-color: #ffffff; + } + } + + textarea { + height: 200px; + font-family: @monospaced-fonts, monospace; + } + } + } + + .labelspage { + list-style: none; + padding-top: 0; + + .item { + margin-top: 0; + margin-right: -14px; + margin-left: -14px; + padding: 10px; + border-bottom: 1px solid #e1e4e8; + border-top: none; + + a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666666; + + &:hover { + color: #000000; + } + + &.open-issues { + margin-right: 30px; + } + } + + .ui.label { + font-size: 1em; + } + } + + .item:last-child { + border-bottom: none; + padding-bottom: 0; + } + + .orglabel { + opacity: .7; + } + + } + + .milestone.list { + list-style: none; + padding-top: 15px; + + > .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px dashed #aaaaaa; + + > a { + padding-top: 5px; + padding-right: 10px; + color: #000000; + + &:hover { + color: #4078c0; + } + } + + .ui.progress { + width: 40%; + padding: 0; + border: 0; + margin: 0; + + .bar { + height: 20px; + } + } + + .meta { + color: #999999; + padding-top: 5px; + + .issue-stats .svg { + padding-left: 5px; + } + + .overdue { + color: red; + } + } + + .operate { + margin-top: -15px; + + > a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666666; + + &:hover { + color: #000000; + } + } + } + + .content { + padding-top: 10px; + } + } + } + + &.new.milestone { + textarea { + height: 200px; + } + } + + &.compare.pull { + .show-form-container { + text-align: left; + } + + .choose.branch { + .svg { + margin-right: 10px; + } + } + + .comment.form { + .content { + #avatar-arrow; + + &:after { + border-right-color: #ffffff; + } + } + } + + .pullrequest-form { + margin-bottom: 1.5rem; + } + + .markdown { + font-size: 14px; + } + } + + .filter.dropdown .menu { + margin-top: 1px !important; + } + + &.branches { + .commit-divergence { + .bar-group { + position: relative; + float: left; + padding-bottom: 6px; + width: 90px; + + &:last-child { + border-left: 1px solid #b4b4b4; + } + } + + .count { + margin: 0 3px; + + &.count-ahead { + text-align: left; + } + + &.count-behind { + text-align: right; + } + } + + .bar { + height: 4px; + position: absolute; + background-color: #d4d4d5; + + &.bar-behind { + right: 0; + } + + &.bar-ahead { + left: 0; + } + } + } + } + + &.commits { + .header { + .search { + input { + font-weight: normal; + padding: 5px 10px; + } + } + } + } + + #commits-table { + thead { + th:first-of-type { + padding-left: 15px; + } + + .sha { + &td { + text-align: center; + } + + width: 175px; + } + } + + td.sha .sha.label { + margin: 0; + } + + td.message { + text-overflow: unset; + } + + &.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, .02) !important; + } + } + + #commits-table td.sha .sha.label, + #repo-files-table .sha.label, + .timeline-item.commits-list .singular-commit .sha.label { + border: 1px solid #bbbbbb; + + .ui.signature.avatar { + height: 16px; + margin-bottom: 0; + width: auto; + } + + .detail.icon { + background: #fafafa; + margin: -6px -10px -4px 0; + padding: 5px 4px 5px 6px; + border-left: 1px solid #bbbbbb; + border-top: 0; + border-right: 0; + border-bottom: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + img { + margin-right: 0; + } + + .svg { + margin: 0 .25em 0 0; + } + + > div { + display: flex; + align-items: center; + } + } + + &.isSigned.isWarning { + border: 1px solid #db2828; + background: fade(#db2828, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + .detail.icon { + border-left: 1px solid #db2828; + color: #db2828; + } + + &:hover { + background: fade(#db2828, 30%) !important; + } + } + + &.isSigned.isVerified { + border: 1px solid #21ba45; + background: fade(#21ba45, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + .detail.icon { + border-left: 1px solid #21ba45; + color: #21ba45; + } + + &:hover { + background: fade(#21ba45, 30%) !important; + } + } + + &.isSigned.isVerifiedUntrusted { + border: 1px solid #fbbd08; + background: fade(#fbbd08, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + .detail.icon { + border-left: 1px solid #fbbd08; + color: #fbbd08; + } + + &:hover { + background: fade(#fbbd08, 30%) !important; + } + } + + &.isSigned.isVerifiedUnmatched { + border: 1px solid #f2711c; + background: fade(#f2711c, 10%); + + .shortsha { + display: inline-block; + padding-top: 1px; + } + + .detail.icon { + border-left: 1px solid #f2711c; + color: #f2711c; + } + + &:hover { + background: fade(#f2711c, 30%) !important; + } + } + } + + .diff-detail-box { + padding: 7px 0; + background: #ffffff; + line-height: 30px; + + &.sticky { + position: sticky; + top: 0; + z-index: 8; + margin-bottom: 10px; + border-bottom: 1px solid #d4d4d5; + padding-left: 5px; + padding-right: 5px; + } + + > div:after { + clear: both; + content: ""; + display: block; + } + + 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; + } + } + + .detail-files { + background: #ffffff; + margin: 0; + } + } + + .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; + vertical-align: text-top; + + .add { + background-color: #55a532; + height: 12px; + } + } + } + + .file { + flex: 1; + color: #888888; + 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: #a6a6a6; + width: 1%; + min-width: 50px; + user-select: none; + + span.fold { + display: block; + text-align: center; + } + } + } + + .code-diff { + font-size: 12px; + + td { + padding: 0 0 0 10px !important; + border-top: 0; + } + + .lines-num { + padding: 0 5px !important; + } + + .tag-code .lines-num, + .tag-code td { + padding: 0 !important; + } + + tbody { + tr { + td.halfwidth { + // halfwidth is used in split view - and in that case, 1% of each + width: 49%; + } + + td.center { + text-align: center; + } + + [data-line-num]::before { + content: attr(data-line-num); + text-align: right; + } + + .lines-type-marker { + width: 10px; + min-width: 10px; + user-select: none; + } + + [data-type-marker]::before { + content: attr(data-type-marker); + text-align: right; + display: inline-block; + } + } + } + } + + .code-diff-unified tbody tr { + &.del-code td { + background-color: #ffeef0; + border-color: #f1c0c0; + } + + &.add-code td { + background-color: #e6ffed; + border-color: #bef5cb; + } + + &.del-code td.lines-num { + background-color: #ffe5e4; + } + + &.add-code td.lines-num { + background-color: #cdffd8; + } + + } + + .code-diff-split { + + table, + tbody { + width: 100%; + } + + tbody tr { + + // light gray for empty lines before / after commit + &.add-code td:nth-child(1), + &.add-code td:nth-child(2), + &.add-code td:nth-child(3), + &.del-code td:nth-child(4), + &.del-code td:nth-child(5), + &.del-code td:nth-child(6) { + background-color: #fafbfc; + border-right-color: #eaecef; + } + + &.del-code { + background-color: #ffeef0; + } + + &.del-code td.add-code { + background-color: #e6ffed; + } + &.del-code td.lines-num-new.add-code { + background-color: #cdffd8; + border-color: #bef5cb; + } + + &.add-code { + background-color: #e6ffed; + border-color: #bef5cb; + } + + &.add-code td.lines-num-new { + background-color: #cdffd8; + } + + td:nth-child(4) { + border-left-width: 1px; + border-left-style: solid; + border-left-color: #f6f8fa; + } + } + } + + &.file-content { + img { + max-width: 100%; + padding: 0; + border-radius: 0; + } + img.emoji { + padding: 0; + } + + clear: right; + } + + .ui.bottom.attached.table.segment { + padding-top: 5px; + padding-bottom: 5px; + } + } + + .diff-stats { + + clear: both; + margin-bottom: 5px; + max-height: 400px; + overflow: auto; + padding-left: 0; + + li { + list-style: none; + padding-bottom: 4px; + margin-bottom: 4px; + border-bottom: 1px dashed #dddddd; + padding-left: 6px; + } + + .diff-counter { + margin-right: 15px; + + .del { + color: red; + } + .add { + color: green; + } + } + } + + .repo-search-result { + padding-top: 10px; + padding-bottom: 10px; + + .lines-num a { + color: inherit; + } + } + + &.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; + } + } + } + + &.release { + #release-list { + border-top: 1px solid #dddddd; + 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 #dddddd; + + .author { + img { + margin-bottom: -3px; + } + } + + .download { + margin-top: 20px; + + > a { + .svg { + margin-left: 5px; + margin-right: 5px; + } + } + + .list { + padding-left: 0; + border-top: 1px solid #eeeeee; + + li { + list-style: none; + display: block; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px solid #eeeeee; + + a > .text.right { + margin-right: 5px; + } + } + } + } + + .dot { + width: 9px; + height: 9px; + background-color: #cccccc; + z-index: 999; + position: absolute; + display: block; + left: -5px; + top: 40px; + border-radius: 6px; + border: 1px solid #ffffff; + } + } + } + } + } + + &.new.release { + .target { + min-width: 500px; + + #tag-name { + margin-top: -4px; + } + + .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; + } + + .field { + + button, + input { + @media only screen and (max-width: 438px) { + width: 100%; + } + } + + button { + @media only screen and (max-width: 768px) { + margin-bottom: 1em; + } + } + } + } + + &.forks { + .list { + margin-top: 0; + + .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #dddddd; + + .ui.avatar { + float: left; + margin-right: 5px; + } + + .link { + padding-top: 5px; + } + } + } + } + + &.wiki { + &.start { + .ui.segment { + padding-top: 70px; + padding-bottom: 100px; + + .svg { + height: 48px; + } + } + } + + &.new { + .CodeMirror { + .CodeMirror-code { + font-family: @monospaced-fonts, monospace; + + .cm-comment { + background: inherit; + } + } + } + + .editor-preview { + background-color: white; + } + + .ui.attached.tabular.menu.previewtabs { + margin-bottom: 15px; + + & + .field .editor-toolbar:not(.fullscreen) a.fa-eye { + display: none; + } + } + } + + &.view { + .choose.page { + margin-top: -5px; + } + + > .markdown { + padding: 15px 30px; + + h1, + h2, + h3, + h4, + h5, + h6 { + &:first-of-type { + margin-top: 0; + } + } + } + } + + @media only screen and (max-width: 767px) { + .dividing.header .stackable.grid .button { + margin-top: 2px; + margin-bottom: 2px; + } + } + } + + &.settings { + &.collaboration { + .collaborator.list { + padding: 0; + + > .item { + margin: 0; + line-height: 2em; + + &:not(:last-child) { + border-bottom: 1px solid #dddddd; + } + } + } + + #repo-collab-form { + #search-user-box { + .results { + left: 7px; + } + } + + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } + + #repo-collab-team-form { + #search-team-box { + .results { + left: 7px; + } + } + + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } } &.branches { - .commit-divergence { - .bar-group { - position: relative; - float: left; - padding-bottom: 6px; - width: 90px; - - &:last-child { - border-left: 1px solid #b4b4b4; - } - } - - .count { - margin: 0 3px; - - &.count-ahead { - text-align: left; - } - - &.count-behind { - text-align: right; - } - } - - .bar { - height: 4px; - position: absolute; - background-color: #d4d4d5; - - &.bar-behind { - right: 0; - } - - &.bar-ahead { - left: 0; - } - } - } - } - - &.commits { - .header { - .search { - input { - font-weight: normal; - padding: 5px 10px; - } - } - } - } - - #commits-table { - thead { - th:first-of-type { - padding-left: 15px; - } - - .sha { - &td { - text-align: center; - } - - width: 175px; - } + .protected-branches { + .selection.dropdown { + width: 300px; } - td.sha .sha.label { - margin: 0; - } + .item { + border: 1px solid #eaeaea; + padding: 10px 15px; - td.message { - text-overflow: unset; - } - - &.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, .02) !important; - } - } - - #commits-table td.sha .sha.label, - #repo-files-table .sha.label, - .timeline-item.commits-list .singular-commit .sha.label { - border: 1px solid #bbbbbb; - - .ui.signature.avatar { - height: 16px; - margin-bottom: 0; - width: auto; - } - - .detail.icon { - background: #fafafa; - margin: -6px -10px -4px 0; - padding: 5px 4px 5px 6px; - border-left: 1px solid #bbbbbb; - border-top: 0; - border-right: 0; + &:not(:last-child) { border-bottom: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + } + } + } - img { - margin-right: 0; - } - - .svg { - margin: 0 .25em 0 0; - } - - > div { - display: flex; - align-items: center; - } + .branch-protection { + .help { + margin-left: 26px; + padding-top: 0; } - &.isSigned.isWarning { - border: 1px solid #db2828; - background: fade(#db2828, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - .detail.icon { - border-left: 1px solid #db2828; - color: #db2828; - } - - &:hover { - background: fade(#db2828, 30%) !important; - } + .fields { + margin-left: 20px; + display: block; } - &.isSigned.isVerified { - border: 1px solid #21ba45; - background: fade(#21ba45, 10%); + .whitelist { + margin-left: 26px; - .shortsha { - display: inline-block; - padding-top: 1px; - } - - .detail.icon { - border-left: 1px solid #21ba45; - color: #21ba45; - } - - &:hover { - background: fade(#21ba45, 30%) !important; - } - } - - &.isSigned.isVerifiedUntrusted { - border: 1px solid #fbbd08; - background: fade(#fbbd08, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - .detail.icon { - border-left: 1px solid #fbbd08; - color: #fbbd08; - } - - &:hover { - background: fade(#fbbd08, 30%) !important; - } - } - - &.isSigned.isVerifiedUnmatched { - border: 1px solid #f2711c; - background: fade(#f2711c, 10%); - - .shortsha { - display: inline-block; - padding-top: 1px; - } - - .detail.icon { - border-left: 1px solid #f2711c; - color: #f2711c; - } - - &:hover { - background: fade(#f2711c, 30%) !important; - } - } - } - - .diff-detail-box { - padding: 7px 0; - background: #ffffff; - line-height: 30px; - - &.sticky { - position: sticky; - top: 0; - z-index: 8; - margin-bottom: 10px; - border-bottom: 1px solid #d4d4d5; - padding-left: 5px; - padding-right: 5px; - } - - > div:after { - clear: both; - content: ""; - display: block; - } - - span.status { + .dropdown img { 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; - } - } - - .detail-files { - background: #ffffff; - margin: 0; + } } + } } - .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; - vertical-align: text-top; - - .add { - background-color: #55a532; - height: 12px; - } - } + &.webhook { + .events { + .column { + padding-bottom: 0; } - .file { - flex: 1; - color: #888888; - word-break: break-all; + .help { + font-size: 13px; + margin-left: 26px; + padding-top: 0; } + } + } + } - .button { - margin: -5px 0 -5px 12px; - padding: 8px 10px; - flex: 0 0 auto; - } + .ui.attached.isSigned.isWarning { + border-left: 1px solid #c29393; + border-right: 1px solid #c29393; + + &.top, + &.message { + border-top: 1px solid #c29393; } - .diff-file-box { - .header { - background-color: #f7f7f7; - } + &.message { + box-shadow: none; + background-color: #fff5f5; + color: #d95c5c; - .file-body.file-code { - .lines-num { - text-align: right; - color: #a6a6a6; - width: 1%; - min-width: 50px; - user-select: none; - - span.fold { - display: block; - text-align: center; - } - } - } - - .code-diff { - font-size: 12px; - - td { - padding: 0 0 0 10px !important; - border-top: 0; - } - - .lines-num { - padding: 0 5px !important; - } - - .tag-code .lines-num, - .tag-code td { - padding: 0 !important; - } - - tbody { - tr { - td.halfwidth { - // halfwidth is used in split view - and in that case, 1% of each - width: 49%; - } - - td.center { - text-align: center; - } - - [data-line-num]::before { - content: attr(data-line-num); - text-align: right; - } - - .lines-type-marker { - width: 10px; - min-width: 10px; - user-select: none; - } - - [data-type-marker]::before { - content: attr(data-type-marker); - text-align: right; - display: inline-block; - } - } - } - } - - .code-diff-unified tbody tr { - &.del-code td { - background-color: #ffeef0; - border-color: #f1c0c0; - } - - &.add-code td { - background-color: #e6ffed; - border-color: #bef5cb; - } - - &.del-code td.lines-num { - background-color: #ffe5e4; - } - - &.add-code td.lines-num { - background-color: #cdffd8; - } - - } - - .code-diff-split { - - table, - tbody { - width: 100%; - } - - tbody tr { - - // light gray for empty lines before / after commit - &.add-code td:nth-child(1), - &.add-code td:nth-child(2), - &.add-code td:nth-child(3), - &.del-code td:nth-child(4), - &.del-code td:nth-child(5), - &.del-code td:nth-child(6) { - background-color: #fafbfc; - border-right-color: #eaecef; - } - - &.del-code { - background-color: #ffeef0; - } - - &.del-code td.add-code { - background-color: #e6ffed; - } - &.del-code td.lines-num-new.add-code { - background-color: #cdffd8; - border-color: #bef5cb; - } - - &.add-code { - background-color: #e6ffed; - border-color: #bef5cb; - } - - &.add-code td.lines-num-new { - background-color: #cdffd8; - } - - td:nth-child(4) { - border-left-width: 1px; - border-left-style: solid; - border-left-color: #f6f8fa; - } - } - } - - &.file-content { - img { - max-width: 100%; - padding: 0; - border-radius: 0; - } - img.emoji { - padding: 0; - } - - clear: right; - } - - .ui.bottom.attached.table.segment { - padding-top: 5px; - padding-bottom: 5px; - } + .ui.text { + color: #d64444; + } } - .diff-stats { + &:last-child, + &.bottom { + border-bottom: 1px solid #c29393; + } + } - clear: both; - margin-bottom: 5px; - max-height: 400px; - overflow: auto; - padding-left: 0; + .ui.attached.isSigned:not(.isWarning) .pull-right { + padding-top: 5px; + } - li { - list-style: none; - padding-bottom: 4px; - margin-bottom: 4px; - border-bottom: 1px dashed #dddddd; - padding-left: 6px; - } + .ui.attached.isSigned.isVerified { + border-left: 1px solid #a3c293; + border-right: 1px solid #a3c293; - .diff-counter { - margin-right: 15px; - - .del { - color: red; - } - .add { - color: green; - } - } + &.top, + &.message { + border-top: 1px solid #a3c293; } - .repo-search-result { - padding-top: 10px; - padding-bottom: 10px; + &.message { + box-shadow: none; + background-color: #fcfff5; + color: #6cc644; - .lines-num a { - color: inherit; - } + .pull-right { + color: #000; + } + + .ui.text { + color: #21ba45; + } } - &.quickstart { - .guide { - .item { - padding: 1em; + &:last-child, + &.bottom { + border-bottom: 1px solid #a3c293; + } + } - small { - font-weight: normal; - } - } + .ui.attached.isSigned.isVerifiedUntrusted { + border-left: 1px solid #c2c193; + border-right: 1px solid #c2c193; - .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; - } - } + &.top, + &.message { + border-top: 1px solid #c2c193; } - &.release { - #release-list { - border-top: 1px solid #dddddd; - margin-top: 20px; - padding-top: 15px; + &.message { + box-shadow: none; + background-color: #fffff5; + color: #fbbd08; - > 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 #dddddd; - - .author { - img { - margin-bottom: -3px; - } - } - - .download { - margin-top: 20px; - - > a { - .svg { - margin-left: 5px; - margin-right: 5px; - } - } - - .list { - padding-left: 0; - border-top: 1px solid #eeeeee; - - li { - list-style: none; - display: block; - padding-top: 8px; - padding-bottom: 8px; - border-bottom: 1px solid #eeeeee; - - a > .text.right { - margin-right: 5px; - } - } - } - } - - .dot { - width: 9px; - height: 9px; - background-color: #cccccc; - z-index: 999; - position: absolute; - display: block; - left: -5px; - top: 40px; - border-radius: 6px; - border: 1px solid #ffffff; - } - } - } - } + .ui.text { + color: #d2ab00; + } } - &.new.release { - .target { - min-width: 500px; + &:last-child, + &.bottom { + border-bottom: 1px solid #c2c193; + } + } - #tag-name { - margin-top: -4px; - } + .ui.attached.isSigned.isVerifiedUnmatched { + border-left: 1px solid #c2a893; + border-right: 1px solid #c2a893; - .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; - } - - .field { - - button, - input { - @media only screen and (max-width: 438px) { - width: 100%; - } - } - - button { - @media only screen and (max-width: 768px) { - margin-bottom: 1em; - } - } - } + &.top, + &.message { + border-top: 1px solid #c2a893; } - &.forks { - .list { - margin-top: 0; + &.message { + box-shadow: none; + background-color: #fffaf5; + color: #f2711c; - .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px solid #dddddd; - - .ui.avatar { - float: left; - margin-right: 5px; - } - - .link { - padding-top: 5px; - } - } - } + .ui.text { + color: #ee5f00; + } } - &.wiki { - &.start { - .ui.segment { - padding-top: 70px; - padding-bottom: 100px; + &:last-child, + &.bottom { + border-bottom: 1px solid #c2a893; + } + } - .svg { - height: 48px; - } - } + .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: #666666; + } } - &.new { - .CodeMirror { - .CodeMirror-code { - font-family: @monospaced-fonts, monospace; - - .cm-comment { - background: inherit; - } - } - } - - .editor-preview { - background-color: white; - } - - .ui.attached.tabular.menu.previewtabs { - margin-bottom: 15px; - - & + .field .editor-toolbar:not(.fullscreen) a.fa-eye { - display: none; - } - } + span.ui { + color: black; } - &.view { - .choose.page { - margin-top: -5px; - } - - > .markdown { - padding: 15px 30px; - - h1, - h2, - h3, - h4, - h5, - h6 { - &:first-of-type { - margin-top: 0; - } - } - } + &.active { + background: rgba(0, 0, 0, .05); } + } + } + } - @media only screen and (max-width: 767px) { - .dividing.header .stackable.grid .button { - margin-top: 2px; - margin-bottom: 2px; - } + .segment.reactions, + .select-reaction { + &.dropdown .menu { + right: 0 !important; + left: auto !important; + min-width: 15em; + + > .header { + margin: .75rem 0 .5rem; + } + + > .item { + float: left; + padding: .25rem !important; + margin: .25rem; + font-size: 1.5em; + width: 39px; + left: 13px; + + img.emoji { + margin-right: 0; } + } + } + } + + .segment.reactions { + padding: 0; + display: flex; + + .ui.label { + max-height: 40px; + padding: 7px 18px; + display: flex !important; + align-items: center; + border: 0; + border-right: 1px solid; + border-radius: 0; + margin: 0; + font-size: 14px; + font-weight: normal; + border-color: inherit !important; + + &.disabled { + cursor: default; + opacity: .5; + } } - &.settings { - &.collaboration { - .collaborator.list { - padding: 0; - - > .item { - margin: 0; - line-height: 2em; - - &:not(:last-child) { - border-bottom: 1px solid #dddddd; - } - } - } - - #repo-collab-form { - #search-user-box { - .results { - left: 7px; - } - } - - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } - - #repo-collab-team-form { - #search-team-box { - .results { - left: 7px; - } - } - - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } - } - - &.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.label.basic.blue { + background-color: #f1f8ff !important; + border-color: inherit !important; } - .ui.attached.isSigned.isWarning { - border-left: 1px solid #c29393; - border-right: 1px solid #c29393; - - &.top, - &.message { - border-top: 1px solid #c29393; - } - - &.message { - box-shadow: none; - background-color: #fff5f5; - color: #d95c5c; - - .ui.text { - color: #d64444; - } - } - - &:last-child, - &.bottom { - border-bottom: 1px solid #c29393; - } + .reaction-count { + margin-left: .5rem; } - .ui.attached.isSigned:not(.isWarning) .pull-right { - padding-top: 5px; - } - - .ui.attached.isSigned.isVerified { - border-left: 1px solid #a3c293; - border-right: 1px solid #a3c293; - - &.top, - &.message { - border-top: 1px solid #a3c293; - } - - &.message { - box-shadow: none; - background-color: #fcfff5; - color: #6cc644; - - .pull-right { - color: #000; - } - - .ui.text { - color: #21ba45; - } - } - - &:last-child, - &.bottom { - border-bottom: 1px solid #a3c293; - } - } - - .ui.attached.isSigned.isVerifiedUntrusted { - border-left: 1px solid #c2c193; - border-right: 1px solid #c2c193; - - &.top, - &.message { - border-top: 1px solid #c2c193; - } - - &.message { - box-shadow: none; - background-color: #fffff5; - color: #fbbd08; - - .ui.text { - color: #d2ab00; - } - } - - &:last-child, - &.bottom { - border-bottom: 1px solid #c2c193; - } - } - - .ui.attached.isSigned.isVerifiedUnmatched { - border-left: 1px solid #c2a893; - border-right: 1px solid #c2a893; - - &.top, - &.message { - border-top: 1px solid #c2a893; - } - - &.message { - box-shadow: none; - background-color: #fffaf5; - color: #f2711c; - - .ui.text { - color: #ee5f00; - } - } - - &:last-child, - &.bottom { - border-bottom: 1px solid #c2a893; - } - } - - .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: #666666; - } - } - - span.ui { - color: black; - } - - &.active { - background: rgba(0, 0, 0, .05); - } - } - } - } - - .segment.reactions, .select-reaction { - &.dropdown .menu { - right: 0 !important; - left: auto !important; - min-width: 15em; + display: flex; + align-items: center; + padding: 0 14px; - > .header { - margin: .75rem 0 .5rem; - } + &:not(.active) a { + display: none; + } - > .item { - float: left; - padding: .25rem !important; - margin: .25rem; - font-size: 1.5em; - width: 39px; - left: 13px; - - img.emoji { - margin-right: 0; - } - } - } - } - - .segment.reactions { - padding: 0; + .item { + border-radius: 6px; display: flex; + justify-content: center; + align-items: center; + } - .ui.label { - max-height: 40px; - padding: 7px 18px; - display: flex !important; - align-items: center; - border: 0; - border-right: 1px solid; - border-radius: 0; - margin: 0; - font-size: 14px; - font-weight: normal; - border-color: inherit !important; - - &.disabled { - cursor: default; - opacity: .5; - } - } - - .ui.label.basic.blue { - background-color: #f1f8ff !important; - border-color: inherit !important; - } - - .reaction-count { - margin-left: .5rem; - } - - .select-reaction { - display: flex; - align-items: center; - padding: 0 14px; - - &:not(.active) a { - display: none; - } - - .item { - border-radius: 6px; - display: flex; - justify-content: center; - align-items: center; - } - - .item:hover { - background: #4183c4; - } - } - - &:hover .select-reaction a { - display: block; - } + .item:hover { + background: #4183c4; + } } - .ui.fluid.action.input { - .ui.search.action.input { - flex: auto; - } + &:hover .select-reaction a { + display: block; + } + } + + .ui.fluid.action.input { + .ui.search.action.input { + flex: auto; + } + } + + .repository-summary { + .segment.language-stats-details, + .segment.repository-summary { + border-top: none; + background: none; } - .repository-summary { - .segment.language-stats-details, - .segment.repository-summary { - border-top: none; - background: none; - } - - .segment.language-stats-details .item { - white-space: nowrap; - } - - .segment.language-stats { - padding: 0; - height: 11px; - display: flex; - white-space: nowrap; - width: 100%; - border-radius: 0; - user-select: none; - - .bar { - white-space: nowrap; - border: 0; - padding: 0; - margin: 0; - height: 100%; - } - } + .segment.language-stats-details .item { + white-space: nowrap; } - &.diff .committed-by { - padding-top: .5rem; + .segment.language-stats { + padding: 0; + height: 11px; + display: flex; + white-space: nowrap; + width: 100%; + border-radius: 0; + user-select: none; - .ui.avatar { - width: 20px; - height: 20px; - } - - span { - margin-right: .25rem; - - svg { - vertical-align: text-bottom; - margin-right: 2px; - } - } + .bar { + white-space: nowrap; + border: 0; + padding: 0; + margin: 0; + height: 100%; + } } + } + + &.diff .committed-by { + padding-top: .5rem; + + .ui.avatar { + width: 20px; + height: 20px; + } + + span { + margin-right: .25rem; + + svg { + vertical-align: text-bottom; + margin-right: 2px; + } + } + } } // End of .repository &.user-cards { - .list { - padding: 0; - display: flex; - flex-wrap: wrap; + .list { + padding: 0; + display: flex; + flex-wrap: wrap; - .item { - list-style: none; - width: 32%; - margin: 10px 10px 10px 0; - padding-bottom: 14px; - float: left; + .item { + list-style: none; + width: 32%; + margin: 10px 10px 10px 0; + padding-bottom: 14px; + float: left; - .avatar { - width: 48px; - height: 48px; - float: left; - display: block; - margin-right: 10px; - } + .avatar { + width: 48px; + height: 48px; + float: left; + display: block; + margin-right: 10px; + } - .name { - margin-top: 0; - margin-bottom: 0; - font-weight: normal; - } + .name { + margin-top: 0; + margin-bottom: 0; + font-weight: normal; + } - .meta { - margin-top: 5px; - } - } + .meta { + margin-top: 5px; + } } + } } #search-repo-box, #search-user-box { - .results { - .result { - .image { - float: left; - margin-right: 8px; - width: 2em; - height: 2em; - } + .results { + .result { + .image { + float: left; + margin-right: 8px; + width: 2em; + height: 2em; + } - .content { - margin: 6px 0; - } - } + .content { + margin: 6px 0; + } } + } } #search-team-box { - .results { - .result { - .content { - margin: 6px 0; - } - } + .results { + .result { + .content { + margin: 6px 0; + } } + } } #issue-filters.hide { - display: none; + display: none; } #issue-actions { - margin-top: -1rem !important; // counteract padding from Semantic + margin-top: -1rem !important; // counteract padding from Semantic } #issue-actions.hide { - display: none; + display: none; } .ui.checkbox.issue-checkbox { - vertical-align: middle; + vertical-align: middle; } .ui.menu .item > img:not(.ui) { - width: auto; + width: auto; } .issue.list { - list-style: none; + list-style: none; - > .item { - padding-top: 15px; - padding-bottom: 10px; - border-bottom: 1px dashed #aaaaaa; + > .item { + padding-top: 15px; + padding-bottom: 10px; + border-bottom: 1px dashed #aaaaaa; - .title { - color: #444444; - font-size: 15px; - font-weight: bold; - margin: 0 6px; + .title { + color: #444444; + font-size: 15px; + font-weight: bold; + margin: 0 6px; - &:hover { - color: #000000; - } - } - - .comment { - padding-right: 10px; - color: #666666; - } - - .desc { - padding-top: 5px; - color: #999999; - - .waiting, - .approvals, - .rejects { - padding-left: 5px; - } - - .checklist { - padding-left: 5px; - - .progress-bar { - margin-left: 2px; - width: 80px; - height: 6px; - display: inline-block; - background-color: #eeeeee; - overflow: hidden; - border-radius: 3px; - vertical-align: 2px !important; - - .progress { - background-color: #cccccc; - display: block; - height: 100%; - } - } - } - - .conflicting { - padding-left: 5px; - } - - .due-date { - padding-left: 5px; - } - - a.milestone { - margin-left: 5px; - color: #999999 !important; - - &:hover { - color: #000000 !important; - } - } - - a.ref { - margin-left: 8px; - color: #999999 !important; - - &:hover { - color: #000000 !important; - } - - span { - margin-right: -4px; - } - } - - .assignee { - margin-top: -5px; - margin-right: 5px; - } - - .overdue { - color: red; - } - } + &:hover { + color: #000000; + } } + + .comment { + padding-right: 10px; + color: #666666; + } + + .desc { + padding-top: 5px; + color: #999999; + + .waiting, + .approvals, + .rejects { + padding-left: 5px; + } + + .checklist { + padding-left: 5px; + + .progress-bar { + margin-left: 2px; + width: 80px; + height: 6px; + display: inline-block; + background-color: #eeeeee; + overflow: hidden; + border-radius: 3px; + vertical-align: 2px !important; + + .progress { + background-color: #cccccc; + display: block; + height: 100%; + } + } + } + + .conflicting { + padding-left: 5px; + } + + .due-date { + padding-left: 5px; + } + + a.milestone { + margin-left: 5px; + color: #999999 !important; + + &:hover { + color: #000000 !important; + } + } + + a.ref { + margin-left: 8px; + color: #999999 !important; + + &:hover { + color: #000000 !important; + } + + span { + margin-right: -4px; + } + } + + .assignee { + margin-top: -5px; + margin-right: 5px; + } + + .overdue { + color: red; + } + } + } } .page.buttons { - padding-top: 15px; + padding-top: 15px; } .ui.form { - .dropzone { - border: 2px dashed #0087f5; - box-shadow: none !important; - padding: 0; - min-height: 5rem; - border-radius: 4px; + .dropzone { + border: 2px dashed #0087f5; + box-shadow: none !important; + padding: 0; + min-height: 5rem; + border-radius: 4px; - .dz-button { - color: rgba(0, 0, 0, .6); - } - - &:hover .dz-button { - color: rgba(0, 0, 0, .8); - } - - .dz-error-message { - top: 140px; - } + .dz-button { + color: rgba(0, 0, 0, .6); } + + &:hover .dz-button { + color: rgba(0, 0, 0, .8); + } + + .dz-error-message { + top: 140px; + } + } } .settings { - .content { - margin-top: 2px; + .content { + margin-top: 2px; - > .header, - .segment { - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); + > .header, + .segment { + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); + } + } + + .list { + > .item { + .green:not(.ui.button) { + color: #21ba45; + } + + &:not(:first-child) { + border-top: 1px solid #eaeaea; + padding: 1rem; + margin: 15px -1rem -1rem; + } + + > .svg { + display: table-cell; + } + + > .svg + .content { + display: table-cell; + padding: 0 0 0 .5em; + vertical-align: top; + } + + .info { + margin-top: 10px; + + .tab.segment { + border: 0; + padding: 10px 0 0; } + } } - .list { - > .item { - .green:not(.ui.button) { - color: #21ba45; - } - - &:not(:first-child) { - border-top: 1px solid #eaeaea; - padding: 1rem; - margin: 15px -1rem -1rem; - } - - > .svg { - display: table-cell; - } - - > .svg + .content { - display: table-cell; - padding: 0 0 0 .5em; - vertical-align: top; - } - - .info { - margin-top: 10px; - - .tab.segment { - border: 0; - padding: 10px 0 0; - } - } - } - - &.key { - .meta { - padding-top: 5px; - color: #666666; - } - } - - &.email { - > .item:not(:first-child) { - min-height: 60px; - } - } - - &.collaborator { - > .item { - padding: 0; - } - } + &.key { + .meta { + padding-top: 5px; + color: #666666; + } } + + &.email { + > .item:not(:first-child) { + min-height: 60px; + } + } + + &.collaborator { + > .item { + padding: 0; + } + } + } } .ui.vertical.menu { - .header.item { - font-size: 1.1em; - background: #f0f0f0; - } + .header.item { + font-size: 1.1em; + background: #f0f0f0; + } } .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; - width: 120px; - - .color { - float: left; - width: 15px; - height: 15px; - } - } + .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; + width: 120px; + + .color { + float: left; + width: 15px; + height: 15px; + } + } + } } #avatar-arrow { - &:before, - &:after { - right: 100%; - top: 20px; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - } + &:before, + &:after { + right: 100%; + top: 20px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + } - &:before { - border-right-color: #d3d3d4; - border-width: 9px; - margin-top: -9px; - } + &:before { + border-right-color: #d3d3d4; + border-width: 9px; + margin-top: -9px; + } - &:after { - border-right-color: #f7f7f7; - border-width: 8px; - margin-top: -8px; - } + &:after { + border-right-color: #f7f7f7; + border-width: 8px; + margin-top: -8px; + } } #transfer-repo-modal, @@ -2824,367 +2824,367 @@ #delete-wiki-modal, #convert-fork-repo-modal, #convert-mirror-repo-modal { - .ui.message { - width: 100% !important; - } + .ui.message { + width: 100% !important; + } } // generate .tab-size-{i} from 1 to 16 .generate-tab-size(16); .generate-tab-size(@n, @i: 1) when (@i =< @n) { - .tab-size-@{i} { - tab-size: @i !important; - } + .tab-size-@{i} { + tab-size: @i !important; + } - .generate-tab-size(@n, (@i + 1)); + .generate-tab-size(@n, (@i + 1)); } .stats-table { - display: table; - width: 100%; + display: table; + width: 100%; - .table-cell { - display: table-cell; + .table-cell { + display: table-cell; - &.tiny { - height: .5em; - } + &.tiny { + height: .5em; } + } } tbody.commit-list { - vertical-align: baseline; + vertical-align: baseline; } .message-wrapper { - overflow: hidden; - text-overflow: ellipsis; - max-width: calc(100% - 50px); - display: inline-block; - vertical-align: middle; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 50px); + display: inline-block; + vertical-align: middle; } @media only screen and (max-width: 767.98px) { - tr.commit-list { - width: 100%; - } - th .message-wrapper { - display: block; - max-width: calc(100vw - 70px); - } + tr.commit-list { + width: 100%; + } + th .message-wrapper { + display: block; + max-width: calc(100vw - 70px); + } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { - tr.commit-list { - width: 723px; - } - th .message-wrapper { - max-width: 280px; - } + tr.commit-list { + width: 723px; + } + th .message-wrapper { + max-width: 280px; + } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { - tr.commit-list { - width: 933px; - } - th .message-wrapper { - max-width: 490px; - } + tr.commit-list { + width: 933px; + } + th .message-wrapper { + max-width: 490px; + } } @media only screen and (min-width: 1200px) { - tr.commit-list { - width: 1127px; - } - th .message-wrapper { - max-width: 680px; - } + tr.commit-list { + width: 1127px; + } + th .message-wrapper { + max-width: 680px; + } } .commit-list .commit-summary a { - text-decoration: underline; - text-decoration-style: dashed; + text-decoration: underline; + text-decoration-style: dashed; + + &:hover { + text-decoration-style: solid; + } + + &.default-link { + text-decoration: none; &:hover { - text-decoration-style: solid; - } - - &.default-link { - text-decoration: none; - - &:hover { - text-decoration: underline; - text-decoration-style: solid; - } + text-decoration: underline; + text-decoration-style: solid; } + } } .commit-list .commit-status-link { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .commit-body { - white-space: pre-wrap; + white-space: pre-wrap; } .git-notes { - &.top { - text-align: left; - } + &.top { + text-align: left; + } - .commit-body { - margin: 0; - } + .commit-body { + margin: 0; + } } @media only screen and (max-width: 767px) { - .ui.stackable.menu { - &.mobile--margin-between-items > .item { - margin-top: 5px; - margin-bottom: 5px; - } - - &.mobile--no-negative-margins { - margin-left: 0; - margin-right: 0; - } + .ui.stackable.menu { + &.mobile--margin-between-items > .item { + margin-top: 5px; + margin-bottom: 5px; } + + &.mobile--no-negative-margins { + margin-left: 0; + margin-right: 0; + } + } } #topic_edit { - margin-top: 5px; + margin-top: 5px; } #repo-topics { - margin-top: 5px; + margin-top: 5px; } .repo-topic { - cursor: pointer; + cursor: pointer; } #new-dependency-drop-list { - &.ui.selection.dropdown { - min-width: 0; - width: 100%; - border-radius: 4px 0 0 4px; - border-right: 0; - white-space: nowrap; - } + &.ui.selection.dropdown { + min-width: 0; + width: 100%; + border-radius: 4px 0 0 4px; + border-right: 0; + white-space: nowrap; + } - .text { - width: 100%; - overflow: hidden; - } + .text { + width: 100%; + overflow: hidden; + } } #manage_topic { - font-size: 12px; + font-size: 12px; } .label + #manage_topic { - margin-left: 5px; + margin-left: 5px; } .ui.small.label.topic { - margin-bottom: 4px; + margin-bottom: 4px; } .repo-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; } .repo-header .repo-buttons { - display: flex; - align-items: center; + display: flex; + align-items: center; } .repo-buttons .disabled-repo-button .label { - opacity: .5; + opacity: .5; } .repo-buttons .disabled-repo-button a.button { - opacity: .5; - cursor: not-allowed; + opacity: .5; + cursor: not-allowed; } .repo-buttons .disabled-repo-button a.button:hover { - background: none !important; - color: rgba(0, 0, 0, .6) !important; - box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset !important; + background: none !important; + color: rgba(0, 0, 0, .6) !important; + box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset !important; } .repo-buttons .ui.labeled.button > .label { - border-left: 0 !important; - margin: 0 !important; + border-left: 0 !important; + margin: 0 !important; } .tag-code { - height: 28px; + height: 28px; } .tag-code, .tag-code td { - background-color: #f0f9ff; - border-color: #f1f8ff !important; - vertical-align: middle; + background-color: #f0f9ff; + border-color: #f1f8ff !important; + vertical-align: middle; } .board { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - overflow-x: auto; - margin: 0 .5em; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + overflow-x: auto; + margin: 0 .5em; } .board-column { - background-color: rgba(0, 0, 0, .05) !important; - border: 1px solid rgba(34, 36, 38, .15) !important; - margin: 0 .5rem !important; - padding: .5rem !important; - width: 320px; - height: 60vh; - overflow-y: scroll; - flex: 0 0 auto; - overflow: visible; - display: flex; - flex-direction: column; + background-color: rgba(0, 0, 0, .05) !important; + border: 1px solid rgba(34, 36, 38, .15) !important; + margin: 0 .5rem !important; + padding: .5rem !important; + width: 320px; + height: 60vh; + overflow-y: scroll; + flex: 0 0 auto; + overflow: visible; + display: flex; + flex-direction: column; } .board-column-header { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .board-label { - background: none !important; - line-height: 1.25 !important; + background: none !important; + line-height: 1.25 !important; } .board-column > .cards { - flex: 1; - display: flex; - flex-direction: column; - margin: 0 !important; - padding: 0 !important; + flex: 1; + display: flex; + flex-direction: column; + margin: 0 !important; + padding: 0 !important; - .card .meta > a.milestone { - color: #999999; - } + .card .meta > a.milestone { + color: #999999; + } } .board-column > .divider { - margin: 5px 0; + margin: 5px 0; } .board-column:first-child { - margin-left: auto !important; + margin-left: auto !important; } .board-column:last-child { - margin-right: auto !important; + margin-right: auto !important; } .board-card { - margin: 3px !important; - width: auto !important; - background-color: #fff; - border-radius: 5px; - cursor: pointer; + margin: 3px !important; + width: auto !important; + background-color: #fff; + border-radius: 5px; + cursor: pointer; } .board-card .header { - font-size: 1.1em !important; + font-size: 1.1em !important; } .board-card .content { - padding: 5px 8px !important; + padding: 5px 8px !important; } .board-card .extra.content { - padding: 5px 8px !important; + padding: 5px 8px !important; } td.blob-excerpt { - background-color: #fafafa; + background-color: #fafafa; } .issue-keyword { - border-bottom: 1px dotted #959da5; - display: inline-block; + border-bottom: 1px dotted #959da5; + display: inline-block; } .file-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 8px 12px !important; + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 12px !important; } .file-info { - display: flex; - align-items: center; + display: flex; + align-items: center; } .file-info-entry + .file-info-entry { - border-left: 1px solid currentColor; - margin-left: 8px; - padding-left: 8px; + border-left: 1px solid currentColor; + margin-left: 8px; + padding-left: 8px; } .title_wip_desc { - margin-top: 1em; + margin-top: 1em; } .diff-file-box[data-folded="true"] .diff-file-body { - display: none; + display: none; } .diff-file-box[data-folded="true"] .diff-file-header { - border-radius: .28571429rem !important; + border-radius: .28571429rem !important; } /* prevent page shaking on language bar click */ .repository.file .repository-summary { - height: 48px; - overflow: hidden; + height: 48px; + overflow: hidden; } .ui.form .right .ui.button { - margin-left: .25em; - margin-right: 0; + margin-left: .25em; + margin-right: 0; } .removed-code { - background-color: #fdb8c0; + background-color: #fdb8c0; } .added-code { - background-color: #acf2bd; + background-color: #acf2bd; } .repository .ui.menu.new-menu { - background: none !important; + background: none !important; - @media only screen and (max-width: 1200px) { - &:after { - background: none !important; - } + @media only screen and (max-width: 1200px) { + &:after { + background: none !important; } + } } .select-project .item { - color: inherit; - display: inline-flex; - align-items: center; + color: inherit; + display: inline-flex; + align-items: center; } .select-project .item .svg { - margin-right: .5rem; + margin-right: .5rem; } diff --git a/web_src/less/_review.less b/web_src/less/_review.less index 1c84d61f4..73506f5f0 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -1,193 +1,193 @@ .ui.button.add-code-comment { - font-size: 14px; - height: 16px; - line-height: 16px !important; - padding: 0; - position: relative; - width: 16px; - z-index: 5; - float: left; - margin: 2px -10px 2px -20px; - opacity: 0; - transition: transform .1s ease-in-out; - transform: scale(1, 1); + font-size: 14px; + height: 16px; + line-height: 16px !important; + padding: 0; + position: relative; + width: 16px; + z-index: 5; + float: left; + margin: 2px -10px 2px -20px; + opacity: 0; + transition: transform .1s ease-in-out; + transform: scale(1, 1); - &:hover { - transform: scale(1.2, 1.2); - } + &:hover { + transform: scale(1.2, 1.2); + } } .add-comment-left.add-comment-right .ui.attached.header { - border: 1px solid #d4d4d5; - margin-top: .5em; + border: 1px solid #d4d4d5; + margin-top: .5em; - &:not(.top) { - margin-bottom: .5em; - } + &:not(.top) { + margin-bottom: .5em; + } - .show-outdated, - .hide-outdated { - display: block; - margin-left: auto; - } + .show-outdated, + .hide-outdated { + display: block; + margin-left: auto; + } } .focus-lines-new .ui.button.add-code-comment.add-code-comment-right, .focus-lines-old .ui.button.add-code-comment.add-code-comment-left { - opacity: 1; + opacity: 1; } .comment-code-cloud { - padding: 4px; - position: relative; - border: 1px solid #f1f1f1; - margin: 13px 10px 5px auto; + padding: 4px; + position: relative; + border: 1px solid #f1f1f1; + margin: 13px 10px 5px auto; - &:before { - content: " "; - width: 0; - height: 0; - border-left: 13px solid transparent; - border-right: 13px solid transparent; - border-bottom: 13px solid #f1f1f1; - left: 20px; - position: absolute; - top: -13px; + &:before { + content: " "; + width: 0; + height: 0; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-bottom: 13px solid #f1f1f1; + left: 20px; + position: absolute; + top: -13px; + } + + .attached { + &.tab { + border: 0; + padding: 0; + margin: 0; } - .attached { - &.tab { - border: 0; - padding: 0; - margin: 0; - } + &.header { + padding: .1rem 1rem; - &.header { - padding: .1rem 1rem; + .text { + margin: 0; + } + } + } - .text { - margin: 0; - } - } + .right.menu.options .item { + padding: .85714286em .442857em; + cursor: pointer; + } + + .ui.form textarea { + border: 0; + } + + .ui.active.tab { + padding: .5em; + + &.markdown { + padding: 1em; + min-height: 168px; + } + } + + .ui.tabular.menu { + margin: .5em; + } + + .comment-list { + padding-bottom: 10px; + } + + .footer { + border-top: 1px solid #f1f1f1; + padding: 10px 0; + + .markdown-info { + display: inline-block; + margin: 5px 0; + font-size: 12px; + color: rgba(0, 0, 0, .6); } - .right.menu.options .item { - padding: .85714286em .442857em; - cursor: pointer; + .ui.right.floated { + padding-top: 6px; } - .ui.form textarea { - border: 0; + &:after { + clear: both; + content: ""; + display: block; } + } - .ui.active.tab { - padding: .5em; + button.comment-form-reply { + margin: .5em .5em .5em 4.5em; + } - &.markdown { - padding: 1em; - min-height: 168px; - } - } - - .ui.tabular.menu { - margin: .5em; - } - - .comment-list { - padding-bottom: 10px; - } - - .footer { - border-top: 1px solid #f1f1f1; - padding: 10px 0; - - .markdown-info { - display: inline-block; - margin: 5px 0; - font-size: 12px; - color: rgba(0, 0, 0, .6); - } - - .ui.right.floated { - padding-top: 6px; - } - - &:after { - clear: both; - content: ""; - display: block; - } - } - - button.comment-form-reply { - margin: .5em .5em .5em 4.5em; - } - - form.comment-form-reply { - margin: 0 0 0 1em; - } + form.comment-form-reply { + margin: 0 0 0 1em; + } } .file-comment { - font: 12px @monospaced-fonts, monospace; - color: rgba(0, 0, 0, .87); + font: 12px @monospaced-fonts, monospace; + color: rgba(0, 0, 0, .87); } a.fold-file { - margin-right: 10px; - color: inherit; + margin-right: 10px; + color: inherit; } a.blob-excerpt { - color: #575a68; - height: 28px; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - background: #daecfe; + color: #575a68; + height: 28px; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + background: #daecfe; } a.blob-excerpt:hover { - background: #428bca; - color: #fff; + background: #428bca; + color: #fff; } .btn-review > .dropdown.icon { - width: auto; - font-size: .85714286em; - margin: 0 0 0 1em; + width: auto; + font-size: .85714286em; + margin: 0 0 0 1em; } @media only screen and (max-width: 768px) { - #review-box > .menu { - > .ui.segment { - width: 94vw; - } - .editor-toolbar { - overflow-x: auto; - } + #review-box > .menu { + > .ui.segment { + width: 94vw; } + .editor-toolbar { + overflow-x: auto; + } + } - #review-box .CodeMirror-scroll { - max-width: calc(100vw - 70px); - } + #review-box .CodeMirror-scroll { + max-width: calc(100vw - 70px); + } } @media only screen and (min-width: 768px) and (max-width: 992px) { - #review-box .CodeMirror-scroll { - max-width: 700px; - } + #review-box .CodeMirror-scroll { + max-width: 700px; + } } @media only screen and (min-width: 992px) and (max-width: 1200px) { - #review-box .CodeMirror-scroll { - max-width: 800px; - } + #review-box .CodeMirror-scroll { + max-width: 800px; + } } @media only screen and (min-width: 1200px) { - #review-box .CodeMirror-scroll { - max-width: 900px; - } + #review-box .CodeMirror-scroll { + max-width: 900px; + } } diff --git a/web_src/less/_svg.less b/web_src/less/_svg.less index b17b9a8b3..696d0558e 100644 --- a/web_src/less/_svg.less +++ b/web_src/less/_svg.less @@ -1,9 +1,9 @@ .svg { - display: inline-block; - vertical-align: text-top; - fill: currentColor; + display: inline-block; + vertical-align: text-top; + fill: currentColor; - .middle & { - vertical-align: middle; - } + .middle & { + vertical-align: middle; + } } diff --git a/web_src/less/_tribute.less b/web_src/less/_tribute.less index 5e91e0017..adac4d28b 100644 --- a/web_src/less/_tribute.less +++ b/web_src/less/_tribute.less @@ -1,42 +1,42 @@ @import "~tributejs/dist/tribute.css"; .tribute-container { - box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); - border-radius: .25rem; + box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); + border-radius: .25rem; } .tribute-container ul { - margin-top: 0 !important; - background: #ffffff !important; + margin-top: 0 !important; + background: #ffffff !important; } .tribute-container li { - padding: 3px .5rem !important; + padding: 3px .5rem !important; } .tribute-container li span.fullname { - font-weight: normal; - font-size: .8rem; - margin-left: 3px; + font-weight: normal; + font-size: .8rem; + margin-left: 3px; } .tribute-container li.highlight, .tribute-container li:hover { - background: #2185d0 !important; - color: #ffffff !important; + background: #2185d0 !important; + color: #ffffff !important; } .tribute-item { - display: flex; - align-items: center; + display: flex; + align-items: center; } .tribute-item .emoji, .tribute-item img[src*="/avatar/"] { - margin-right: .5rem; + margin-right: .5rem; } .tribute-container img { - width: 1.5rem !important; - height: 1.5rem !important; + width: 1.5rem !important; + height: 1.5rem !important; } diff --git a/web_src/less/_user.less b/web_src/less/_user.less index ae44df9cc..0b983a382 100644 --- a/web_src/less/_user.less +++ b/web_src/less/_user.less @@ -1,163 +1,163 @@ .user { - &:not(.icon) { - padding-top: 15px; - } + &:not(.icon) { + padding-top: 15px; + } - &.profile { - .ui.card { - .header, - .username { - display: block; + &.profile { + .ui.card { + .header, + .username { + display: block; + } + + .header { + font-weight: 700; + font-size: 1.3rem; + margin-top: -.2rem; + line-height: 1.3rem; + } + + .extra.content { + padding: 0; + + ul { + margin: 0; + padding: 0; + + li { + padding: 10px; + list-style: none; + + &:not(:last-child) { + border-bottom: 1px solid #eaeaea; } - .header { - font-weight: 700; - font-size: 1.3rem; - margin-top: -.2rem; - line-height: 1.3rem; + .svg, + .fa { + margin-left: 1px; + margin-right: 5px; } - .extra.content { - padding: 0; - - ul { - margin: 0; - padding: 0; - - li { - padding: 10px; - list-style: none; - - &:not(:last-child) { - border-bottom: 1px solid #eaeaea; - } - - .svg, - .fa { - margin-left: 1px; - margin-right: 5px; - } - - &.follow { - .ui.button { - width: 100%; - } - } - } - } - } - - #profile-avatar { - img { - width: 100%; - } - @media only screen and (max-width: 768px) { - height: 250px; - overflow: hidden; - - img { - max-height: 768px; - max-width: 768px; - } - } - } - - @media only screen and (max-width: 768px) { + &.follow { + .ui.button { width: 100%; + } } + } } + } - .ui.repository.list { - margin-top: 25px; + #profile-avatar { + img { + width: 100%; } + @media only screen and (max-width: 768px) { + height: 250px; + overflow: hidden; - #loading-heatmap { - margin-bottom: 1em; - } - .ui.secondary.stackable.pointing.menu { - flex-wrap: wrap; + img { + max-height: 768px; + max-width: 768px; + } } + } + + @media only screen and (max-width: 768px) { + width: 100%; + } } - &.followers { - .header.name { - font-size: 20px; - line-height: 24px; - vertical-align: middle; - } - - .follow { - .ui.button { - padding: 8px 15px; - } - } + .ui.repository.list { + margin-top: 25px; } - &.notification { - .svg { - float: left; - font-size: 2em; + #loading-heatmap { + margin-bottom: 1em; + } + .ui.secondary.stackable.pointing.menu { + flex-wrap: wrap; + } + } - &.green { - color: #21ba45; - } - - &.red { - color: #d01919; - } - - &.purple { - color: #a333c8; - } - - &.blue { - color: #2185d0; - } - } - - .content { - float: left; - margin-left: 7px; - } - - table { - form { - display: inline-block; - } - - button { - padding: 3px 3px 3px 5px; - } - - tr { - cursor: pointer; - } - } + &.followers { + .header.name { + font-size: 20px; + line-height: 24px; + vertical-align: middle; } - &.link-account:not(.icon) { - padding-top: 15px; - padding-bottom: 5px; + .follow { + .ui.button { + padding: 8px 15px; + } + } + } + + &.notification { + .svg { + float: left; + font-size: 2em; + + &.green { + color: #21ba45; + } + + &.red { + color: #d01919; + } + + &.purple { + color: #a333c8; + } + + &.blue { + color: #2185d0; + } } - &.settings { - .iconFloat { - float: left; - } + .content { + float: left; + margin-left: 7px; } + + table { + form { + display: inline-block; + } + + button { + padding: 3px 3px 3px 5px; + } + + tr { + cursor: pointer; + } + } + } + + &.link-account:not(.icon) { + padding-top: 15px; + padding-bottom: 5px; + } + + &.settings { + .iconFloat { + float: left; + } + } } .user-orgs { - display: flex; - flex-flow: row wrap; - padding: 0; - margin: -3px !important; + display: flex; + flex-flow: row wrap; + padding: 0; + margin: -3px !important; - li { - display: flex; - border-bottom: 0 !important; - padding: 3px !important; - width: 20%; - max-width: 60px; - } + li { + display: flex; + border-bottom: 0 !important; + padding: 3px !important; + width: 20%; + max-width: 60px; + } } diff --git a/web_src/less/features/animations.less b/web_src/less/features/animations.less index 65ff1fef3..8ee923a97 100644 --- a/web_src/less/features/animations.less +++ b/web_src/less/features/animations.less @@ -1,34 +1,34 @@ @keyframes isloadingspin { - 0% { transform: translate(-50%, -50%) rotate(0deg); } - 100% { transform: translate(-50%, -50%) rotate(360deg); } + 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } .is-loading { - background: transparent !important; - color: transparent !important; - border: transparent !important; - pointer-events: none !important; - position: relative !important; - overflow: hidden !important; + background: transparent !important; + color: transparent !important; + border: transparent !important; + pointer-events: none !important; + position: relative !important; + overflow: hidden !important; } .is-loading:after { - content: ""; - position: absolute; - display: block; - width: 4rem; - height: 4rem; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - animation: isloadingspin 500ms infinite linear; - border-width: 4px; - border-style: solid; - border-color: #ececec #ececec #666 #666; - border-radius: 100%; + content: ""; + position: absolute; + display: block; + width: 4rem; + height: 4rem; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + animation: isloadingspin 500ms infinite linear; + border-width: 4px; + border-style: solid; + border-color: #ececec #ececec #666 #666; + border-radius: 100%; } .markdown pre.is-loading, .editor-loading.is-loading { - height: 12rem; + height: 12rem; } diff --git a/web_src/less/features/gitgraph.less b/web_src/less/features/gitgraph.less index 8a9c4239a..da81b1335 100644 --- a/web_src/less/features/gitgraph.less +++ b/web_src/less/features/gitgraph.less @@ -1,256 +1,256 @@ #git-graph-container { - float: left; - display: block; + float: left; + display: block; + overflow-x: auto; + width: 100%; + + .color-buttons { + margin-right: 0; + } + + .ui.header.dividing { + padding-bottom: 10px; + } + + li { + list-style-type: none; + height: 20px; + line-height: 20px; + white-space: nowrap; + + .node-relation { + font-family: "Bitstream Vera Sans Mono", "Courier", monospace; + } + + .author { + color: #666666; + } + + .time { + color: #999999; + font-size: 80%; + } + + a { + color: #000000; + } + + a:hover { + text-decoration: underline; + } + + a em { + color: #bb0000; + border-bottom: 1px dotted #bbbbbb; + text-decoration: none; + font-style: normal; + } + } + + #rel-container { + max-width: 30%; overflow-x: auto; + float: left; + } + + #rev-container { width: 100%; + } - .color-buttons { - margin-right: 0; + #rev-list { + margin: 0; + padding: 0 5px; + min-width: 95%; + + li.highlight, + li.hover { + background-color: rgba(0, 0, 0, .05); } - .ui.header.dividing { - padding-bottom: 10px; + li.highlight.hover { + background-color: rgba(0, 0, 0, .1); + } + } + + #graph-raw-list { + margin: 0; + } + + &.monochrome #rel-container { + .flow-group { + stroke: grey; + fill: grey; } - li { - list-style-type: none; - height: 20px; - line-height: 20px; - white-space: nowrap; + .flow-group.highlight { + stroke: black; + fill: black; + } + } - .node-relation { - font-family: "Bitstream Vera Sans Mono", "Courier", monospace; - } + &:not(.monochrome) #rel-container { + .flow-group { + &.flow-color-16-1 { + stroke: #499a37; + fill: #499a37; + } - .author { - color: #666666; - } + &.flow-color-16-2 { + stroke: hsl(356, 58%, 54%); + fill: #ce4751; + } - .time { - color: #999999; - font-size: 80%; - } + &.flow-color-16-3 { + stroke: #8f9121; + fill: #8f9121; + } - a { - color: #000000; - } + &.flow-color-16-4 { + stroke: #ac32a6; + fill: #ac32a6; + } - a:hover { - text-decoration: underline; - } + &.flow-color-16-5 { + stroke: #3d27aa; + fill: #3d27aa; + } - a em { - color: #bb0000; - border-bottom: 1px dotted #bbbbbb; - text-decoration: none; - font-style: normal; - } + &.flow-color-16-6 { + stroke: #c67d28; + fill: #c67d28; + } + + &.flow-color-16-7 { + stroke: #4db392; + fill: #4db392; + } + + &.flow-color-16-8 { + stroke: #aa4d30; + fill: #aa4d30; + } + + &.flow-color-16-9 { + stroke: #2a6f84; + fill: #2a6f84; + } + + &.flow-color-16-10 { + stroke: #c45327; + fill: #c45327; + } + + &.flow-color-16-11 { + stroke: #3d965c; + fill: #3d965c; + } + + &.flow-color-16-12 { + stroke: #792a93; + fill: #792a93; + } + + &.flow-color-16-13 { + stroke: #439d73; + fill: #439d73; + } + + &.flow-color-16-14 { + stroke: #103aad; + fill: #103aad; + } + + &.flow-color-16-15 { + stroke: #982e85; + fill: #982e85; + } + + &.flow-color-16-0 { + stroke: #7db233; + fill: #7db233; + } } - #rel-container { - max-width: 30%; - overflow-x: auto; - float: left; - } - - #rev-container { - width: 100%; - } - - #rev-list { - margin: 0; - padding: 0 5px; - min-width: 95%; - - li.highlight, - li.hover { - background-color: rgba(0, 0, 0, .05); - } - - li.highlight.hover { - background-color: rgba(0, 0, 0, .1); - } - } - - #graph-raw-list { - margin: 0; - } - - &.monochrome #rel-container { - .flow-group { - stroke: grey; - fill: grey; - } - - .flow-group.highlight { - stroke: black; - fill: black; - } - } - - &:not(.monochrome) #rel-container { - .flow-group { - &.flow-color-16-1 { - stroke: #499a37; - fill: #499a37; - } - - &.flow-color-16-2 { - stroke: hsl(356, 58%, 54%); - fill: #ce4751; - } - - &.flow-color-16-3 { - stroke: #8f9121; - fill: #8f9121; - } - - &.flow-color-16-4 { - stroke: #ac32a6; - fill: #ac32a6; - } - - &.flow-color-16-5 { - stroke: #3d27aa; - fill: #3d27aa; - } - - &.flow-color-16-6 { - stroke: #c67d28; - fill: #c67d28; - } - - &.flow-color-16-7 { - stroke: #4db392; - fill: #4db392; - } - - &.flow-color-16-8 { - stroke: #aa4d30; - fill: #aa4d30; - } - - &.flow-color-16-9 { - stroke: #2a6f84; - fill: #2a6f84; - } - - &.flow-color-16-10 { - stroke: #c45327; - fill: #c45327; - } - - &.flow-color-16-11 { - stroke: #3d965c; - fill: #3d965c; - } - - &.flow-color-16-12 { - stroke: #792a93; - fill: #792a93; - } - - &.flow-color-16-13 { - stroke: #439d73; - fill: #439d73; - } - - &.flow-color-16-14 { - stroke: #103aad; - fill: #103aad; - } - - &.flow-color-16-15 { - stroke: #982e85; - fill: #982e85; - } - - &.flow-color-16-0 { - stroke: #7db233; - fill: #7db233; - } - } - - .flow-group.highlight { - &.flow-color-16-1 { - stroke: #5ac144; - fill: #5ac144; - } - - &.flow-color-16-2 { - stroke: #ed5a8b; - fill: #ed5a8b; - } - - &.flow-color-16-3 { - stroke: #ced049; - fill: #ced048; - } - - &.flow-color-16-4 { - stroke: #db61d7; - fill: #db62d6; - } - - &.flow-color-16-5 { - stroke: #4e33d1; - fill: #4f35d1; - } - - &.flow-color-16-6 { - stroke: #e6a151; - fill: #e6a151; - } - - &.flow-color-16-7 { - stroke: #44daaa; - fill: #44daaa; - } - - &.flow-color-16-8 { - stroke: #dd7a5c; - fill: #dd7a5c; - } - - &.flow-color-16-9 { - stroke: #38859c; - fill: #38859c; - } - - &.flow-color-16-10 { - stroke: #d95520; - fill: #d95520; - } - - &.flow-color-16-11 { - stroke: #42ae68; - fill: #42ae68; - } - - &.flow-color-16-12 { - stroke: #9126b5; - fill: #9126b5; - } - - &.flow-color-16-13 { - stroke: #4ab080; - fill: #4ab080; - } - - &.flow-color-16-14 { - stroke: #284fb8; - fill: #284fb8; - } - - &.flow-color-16-15 { - stroke: #971c80; - fill: #971c80; - } - - &.flow-color-16-0 { - stroke: #87ca28; - fill: #87ca28; - } - } + .flow-group.highlight { + &.flow-color-16-1 { + stroke: #5ac144; + fill: #5ac144; + } + + &.flow-color-16-2 { + stroke: #ed5a8b; + fill: #ed5a8b; + } + + &.flow-color-16-3 { + stroke: #ced049; + fill: #ced048; + } + + &.flow-color-16-4 { + stroke: #db61d7; + fill: #db62d6; + } + + &.flow-color-16-5 { + stroke: #4e33d1; + fill: #4f35d1; + } + + &.flow-color-16-6 { + stroke: #e6a151; + fill: #e6a151; + } + + &.flow-color-16-7 { + stroke: #44daaa; + fill: #44daaa; + } + + &.flow-color-16-8 { + stroke: #dd7a5c; + fill: #dd7a5c; + } + + &.flow-color-16-9 { + stroke: #38859c; + fill: #38859c; + } + + &.flow-color-16-10 { + stroke: #d95520; + fill: #d95520; + } + + &.flow-color-16-11 { + stroke: #42ae68; + fill: #42ae68; + } + + &.flow-color-16-12 { + stroke: #9126b5; + fill: #9126b5; + } + + &.flow-color-16-13 { + stroke: #4ab080; + fill: #4ab080; + } + + &.flow-color-16-14 { + stroke: #284fb8; + fill: #284fb8; + } + + &.flow-color-16-15 { + stroke: #971c80; + fill: #971c80; + } + + &.flow-color-16-0 { + stroke: #87ca28; + fill: #87ca28; + } } + } } diff --git a/web_src/less/markdown/mermaid.less b/web_src/less/markdown/mermaid.less index 2b7951eec..4fc1258f0 100644 --- a/web_src/less/markdown/mermaid.less +++ b/web_src/less/markdown/mermaid.less @@ -1,12 +1,12 @@ .mermaid-chart { - display: flex; - justify-content: center; - align-items: center; - padding: 1rem; - margin: 1rem 0; + display: flex; + justify-content: center; + align-items: center; + padding: 1rem; + margin: 1rem 0; } /* mermaid's errorRenderer seems to unavoidably spew stuff into , hide it */ body > div[id*="mermaid-"] { - display: none !important; + display: none !important; } diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less index bf7d2e116..0367e1243 100644 --- a/web_src/less/themes/theme-arc-green.less +++ b/web_src/less/themes/theme-arc-green.less @@ -1,534 +1,534 @@ /* Background */ .chroma { - background-color: #2a2e3a; + background-color: #2a2e3a; } /* LineTableTD */ .chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; + vertical-align: top; + padding: 0; + margin: 0; + border: 0; } /* LineTable */ .chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - width: auto; - overflow: auto; - display: block; + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; + width: auto; + overflow: auto; + display: block; } /* LineHighlight */ .chroma .hl { - display: block; - width: 100%; - background-color: #3f424d; + display: block; + width: 100%; + background-color: #3f424d; } /* LineNumbersTable */ .chroma .lnt { - margin-right: .4em; - padding: 0 .4em; - color: #7f7f7f; + margin-right: .4em; + padding: 0 .4em; + color: #7f7f7f; } /* LineNumbers */ .chroma .ln { - margin-right: .4em; - padding: 0 .4em; - color: #7f7f7f; + margin-right: .4em; + padding: 0 .4em; + color: #7f7f7f; } /* Keyword */ .chroma .k { - color: #f63; + color: #f63; } /* KeywordConstant */ .chroma .kc { - color: #fa1; + color: #fa1; } /* KeywordDeclaration */ .chroma .kd { - color: #9daccc; + color: #9daccc; } /* KeywordNamespace */ .chroma .kn { - color: #fa1; + color: #fa1; } /* KeywordPseudo */ .chroma .kp { - color: #5f8700; + color: #5f8700; } /* KeywordReserved */ .chroma .kr { - color: #f63; + color: #f63; } /* KeywordType */ .chroma .kt { - color: #9daccc; + color: #9daccc; } /* NameAttribute */ .chroma .na { - color: #8a8a8a; + color: #8a8a8a; } /* NameBuiltin */ .chroma .nb { - color: #9daccc; + color: #9daccc; } /* NameBuiltinPseudo */ .chroma .bp { - color: #9daccc; + color: #9daccc; } /* NameClass */ .chroma .nc { - color: #fa1; + color: #fa1; } /* NameConstant */ .chroma .no { - color: #fa1; + color: #fa1; } /* NameDecorator */ .chroma .nd { - color: #9daccc; + color: #9daccc; } /* NameEntity */ .chroma .ni { - color: #fa1; + color: #fa1; } /* NameException */ .chroma .ne { - color: #af8700; + color: #af8700; } /* NameFunction */ .chroma .nf { - color: #9daccc; + color: #9daccc; } /* NameLabel */ .chroma .nl { - color: #fa1; + color: #fa1; } /* NameNamespace */ .chroma .nn { - color: #fa1; + color: #fa1; } /* NameOther */ .chroma .nx { - color: #9daccc; + color: #9daccc; } /* NameTag */ .chroma .nt { - color: #9daccc; + color: #9daccc; } /* NameVariable */ .chroma .nv { - color: #9daccc; + color: #9daccc; } /* NameVariableClass */ .chroma .vc { - color: #f81; + color: #f81; } /* NameVariableGlobal */ .chroma .vg { - color: #fa1; + color: #fa1; } /* NameVariableInstance */ .chroma .vi { - color: #fa1; + color: #fa1; } /* LiteralString */ .chroma .s { - color: #1af; + color: #1af; } /* LiteralStringAffix */ .chroma .sa { - color: #1af; + color: #1af; } /* LiteralStringBacktick */ .chroma .sb { - color: #a0cc75; + color: #a0cc75; } /* LiteralStringChar */ .chroma .sc { - color: #1af; + color: #1af; } /* LiteralStringDelimiter */ .chroma .dl { - color: #1af; + color: #1af; } /* LiteralStringDoc */ .chroma .sd { - color: #6a737d; + color: #6a737d; } /* LiteralStringDouble */ .chroma .s2 { - color: #a0cc75; + color: #a0cc75; } /* LiteralStringEscape */ .chroma .se { - color: #f63; + color: #f63; } /* LiteralStringHeredoc */ .chroma .sh { - color: #1af; + color: #1af; } /* LiteralStringInterpol */ .chroma .si { - color: #fa1; + color: #fa1; } /* LiteralStringOther */ .chroma .sx { - color: #fa1; + color: #fa1; } /* LiteralStringRegex */ .chroma .sr { - color: #97c; + color: #97c; } /* LiteralStringSingle */ .chroma .s1 { - color: #a0cc75; + color: #a0cc75; } /* LiteralStringSymbol */ .chroma .ss { - color: #fa1; + color: #fa1; } /* LiteralNumber */ .chroma .m { - color: #1af; + color: #1af; } /* LiteralNumberBin */ .chroma .mb { - color: #1af; + color: #1af; } /* LiteralNumberFloat */ .chroma .mf { - color: #1af; + color: #1af; } /* LiteralNumberHex */ .chroma .mh { - color: #1af; + color: #1af; } /* LiteralNumberInteger */ .chroma .mi { - color: #1af; + color: #1af; } /* LiteralNumberIntegerLong */ .chroma .il { - color: #1af; + color: #1af; } /* LiteralNumberOct */ .chroma .mo { - color: #1af; + color: #1af; } /* Operator */ .chroma .o { - color: #f63; + color: #f63; } /* OperatorWord */ .chroma .ow { - color: #5f8700; + color: #5f8700; } /* Comment */ .chroma .c { - color: #6a737d; + color: #6a737d; } /* CommentHashbang */ .chroma .ch { - color: #6a737d; + color: #6a737d; } /* CommentMultiline */ .chroma .cm { - color: #6a737d; + color: #6a737d; } /* CommentSingle */ .chroma .c1 { - color: #6a737d; + color: #6a737d; } /* CommentSpecial */ .chroma .cs { - color: #637d; + color: #637d; } /* CommentPreproc */ .chroma .cp { - color: #fc6; + color: #fc6; } /* CommentPreprocFile */ .chroma .cpf { - color: #fc6; + color: #fc6; } /* GenericDeleted */ .chroma .gd { - color: #fff; - background-color: #5f3737; + color: #fff; + background-color: #5f3737; } /* GenericEmph */ .chroma .ge { - font-style: italic; + font-style: italic; } /* GenericError */ .chroma .gr { - color: #f33; + color: #f33; } /* GenericHeading */ .chroma .gh { - color: #fa1; + color: #fa1; } /* GenericInserted */ .chroma .gi { - color: #fff; - background-color: #3a523a; + color: #fff; + background-color: #3a523a; } /* GenericOutput */ .chroma .go { - color: #888888; + color: #888888; } /* GenericPrompt */ .chroma .gp { - color: #555555; + color: #555555; } /* GenericStrong */ .chroma .gs { - font-weight: bold; + font-weight: bold; } /* GenericSubheading */ .chroma .gu { - color: #9daccc; + color: #9daccc; } /* GenericTraceback */ .chroma .gt { - color: #f63; + color: #f63; } /* GenericUnderline */ .chroma .gl { - text-decoration: underline; + text-decoration: underline; } /* TextWhitespace */ .chroma .w { - color: #bbbbbb; + color: #bbbbbb; } .repository .ui.segment.sub-menu .list .item { + color: #dbdbdb; + a, + span.ui { color: #dbdbdb; - a, - span.ui { - color: #dbdbdb; - } + } } .ui.horizontal.segments > .segment { - background-color: #383c4a; + background-color: #383c4a; } body { - background: #383c4a; - color: #9e9e9e; + background: #383c4a; + color: #9e9e9e; } /* firefox scroll bars */ * { - scrollbar-width: thin; - scrollbar-color: #87ab63 rgba(255, 255, 255, .1); + scrollbar-width: thin; + scrollbar-color: #87ab63 rgba(255, 255, 255, .1); } /* webkit scrollbars */ ::-webkit-scrollbar { - -webkit-appearance: none !important; - width: 10px !important; - height: 10px !important; + -webkit-appearance: none !important; + width: 10px !important; + height: 10px !important; } ::-webkit-scrollbar-track { - border-radius: 0 !important; - background: rgba(255, 255, 255, .1) !important; + border-radius: 0 !important; + background: rgba(255, 255, 255, .1) !important; } ::-webkit-scrollbar-thumb { - cursor: pointer !important; - border-radius: 5px !important; - -webkit-transition: color .2s ease !important; - transition: color .2s ease !important; - background: #87ab63 !important; + cursor: pointer !important; + border-radius: 5px !important; + -webkit-transition: color .2s ease !important; + transition: color .2s ease !important; + background: #87ab63 !important; } ::-webkit-scrollbar-thumb:window-inactive { - background: #87ab63 !important; + background: #87ab63 !important; } ::-webkit-scrollbar-thumb:hover { - background: #87ab63 !important; + background: #87ab63 !important; } a { - color: #87ab63; + color: #87ab63; } a:hover { - color: #a0cc75; + color: #a0cc75; } .ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover { - color: #a0cc75; + color: #a0cc75; } .ui.breadcrumb a:hover { - color: #a0cc75; + color: #a0cc75; } .ui.breadcrumb a { - color: #87ab63; + color: #87ab63; } .repository .metas .ui.list a .text { - color: #87ab63; + color: #87ab63; } .repository .metas .ui.list a .text:hover { - color: #a0cc75; + color: #a0cc75; } .repository .label.list .item a { - color: #87ab63; + color: #87ab63; } .repository .label.list .item a:hover { - color: #a0cc75; + color: #a0cc75; } .repository .milestone.list > .item > a { - color: #87ab63; + color: #87ab63; } .repository .milestone.list > .item > a:hover { - color: #a0cc75; + color: #a0cc75; } .repository.release #release-list { - border-top: 1px solid #4c505c; + border-top: 1px solid #4c505c; } .repository .milestone.list > .item .operate > a { - color: #87ab63; + color: #87ab63; } .repository .milestone.list > .item .operate > a:hover { - color: #a0cc75; + color: #a0cc75; } .ui.green.progress .bar { - background-color: #668844; + background-color: #668844; } .ui.progress.success .bar { - background-color: #7b9e57 !important; + background-color: #7b9e57 !important; } .following.bar.light { - background: #2e323e; - border-bottom: 1px solid #313131; + background: #2e323e; + border-bottom: 1px solid #313131; } .ui.secondary.menu .active.item { - color: #dbdbdb; + color: #dbdbdb; } .ui.secondary.menu .item { - color: #9e9e9e; + color: #9e9e9e; } .following.bar .top.menu a.item:hover { - color: #ffffff; + color: #ffffff; } .ui.attached.header { - background: #404552; - border: 1px solid #404552; - color: #dbdbdb; + background: #404552; + border: 1px solid #404552; + color: #dbdbdb; } .ui.attached.table { - border: 1px solid #304251; - background: #304251; + border: 1px solid #304251; + background: #304251; } .feeds .list ul li:not(:last-child) { - border-bottom: 1px solid #333640; + border-bottom: 1px solid #333640; } .feeds .list ul li.private { - background: #353945; - border: 1px solid #333640; + background: #353945; + border: 1px solid #333640; } .ui.secondary.menu .dropdown.item:hover, @@ -536,196 +536,196 @@ a:hover { .ui.secondary.menu .active.item:hover, .ui.secondary.menu a.item:hover, .ui.dropdown .menu .active.item { - color: #ffffff; + color: #ffffff; } .ui.menu .ui.dropdown .menu > .item { - background: #2c303a !important; - color: #9e9e9e !important; + background: #2c303a !important; + color: #9e9e9e !important; } .ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu { - border: 1px solid #434444; + border: 1px solid #434444; } footer { - background: #2e323e; - border-top: 1px solid #313131; - color: #bababa; + background: #2e323e; + border-top: 1px solid #313131; + color: #bababa; } .ui.menu .dropdown.item .menu { - background: #2c303a; + background: #2c303a; } .ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item { - color: #ffffff !important; + color: #ffffff !important; } .ui.dropdown .menu > .header { - color: #dbdbdb; + color: #dbdbdb; } .ui.red.label, .ui.red.labels .label { - background-color: #7d3434 !important; - border-color: #8a2121 !important; + background-color: #7d3434 !important; + border-color: #8a2121 !important; } .ui.menu { - background: #404552; - border: 1px solid #353945; + background: #404552; + border: 1px solid #353945; } .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover { - color: #dbdbdb; - background: #4b5162; + color: #dbdbdb; + background: #4b5162; } .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover { - color: #dbdbdb; - background: #454b5a; + color: #dbdbdb; + background: #454b5a; } .ui.menu .active.item { - background: #4b5162; - color: #dbdbdb; + background: #4b5162; + color: #dbdbdb; } .ui.input input { - background: #404552; - border: 2px solid #353945; - color: #dbdbdb; + background: #404552; + border: 2px solid #353945; + color: #dbdbdb; } .ui.input input:focus, .ui.input.focus input { - background: #404552; - border: 2px solid #353945; - color: #dbdbdb; + background: #404552; + border: 2px solid #353945; + color: #dbdbdb; } .ui.accordion .title:not(.ui) { - color: #dbdbdb; + color: #dbdbdb; } .ui.label, .ui.label.basic { - color: #dbdbdb; - background-color: #404552; + color: #dbdbdb; + background-color: #404552; } .issue.list > .item .title { - color: #87ab63; + color: #87ab63; } .issue.list > .item .title:hover { - color: #a0cc75; + color: #a0cc75; } .issue.list > .item { - border-bottom: 1px dashed #475767; + border-bottom: 1px dashed #475767; } .ui.green.label, .ui.green.labels .label, .ui.basic.green.label { - background-color: #2d693b !important; - border-color: #2d693b !important; + background-color: #2d693b !important; + border-color: #2d693b !important; } .ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover { - background-color: #16ab39 !important; - border-color: #16ab39 !important; - color: #ffffff !important; + background-color: #16ab39 !important; + border-color: #16ab39 !important; + color: #ffffff !important; } .issue.list > .item .comment { - color: #129c92; + color: #129c92; } .ui.basic.button, .ui.basic.buttons .button { - color: #797979; + color: #797979; } .ui.basic.red.active.button, .ui.basic.red.buttons .active.button { - box-shadow: 0 0 0 1px #c75252 inset !important; - color: #c75252 !important; + box-shadow: 0 0 0 1px #c75252 inset !important; + color: #c75252 !important; } .ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover { - color: #dbdbdb; - box-shadow: 0 0 0 1px rgba(200, 200, 200, .35) inset; - background: rgba(0, 0, 0, .5); + color: #dbdbdb; + box-shadow: 0 0 0 1px rgba(200, 200, 200, .35) inset; + background: rgba(0, 0, 0, .5); } .ui.menu .item { - background: #404552; - color: #9e9e9e; + background: #404552; + color: #9e9e9e; } .ui.menu .item.disabled, .ui.menu .item.disabled:hover, .ui.ui.menu .item.disabled, .ui.ui.menu .item.disabled:hover { - color: #626773; + color: #626773; } .ui.pagination.menu .active.item { - color: #dbdbdb; - background-color: #87ab63; + color: #dbdbdb; + background-color: #87ab63; } .repository .header-wrapper { - background-color: #2a2e3a; + background-color: #2a2e3a; } .ui.header, .ui.breadcrumb .divider { - color: #9e9e9e; + color: #9e9e9e; } .ui.blue.label, .ui.blue.labels .label, .repository .segment.reactions .ui.label.basic.blue { - background-color: #26577b !important; - border-color: #26577b !important; + background-color: #26577b !important; + border-color: #26577b !important; } .repository .segment.reactions .ui.label.basic.blue { - color: #a0cc75 !important; - background: #305020 !important; - border-color: #404552 !important; + color: #a0cc75 !important; + background: #305020 !important; + border-color: #404552 !important; } .repository .segment.reactions .select-reaction .item:hover { - background: #305020; + background: #305020; } .ui.menu .item > .label { - background: #565454; + background: #565454; } .ui.blue.button, .ui.blue.buttons .button { - background-color: #87ab63; + background-color: #87ab63; } .ui.blue.button:hover, .ui.blue.buttons .button:hover { - background-color: #a0cc75; + background-color: #a0cc75; } .ui.form input:not([type]), @@ -740,9 +740,9 @@ a.ui.basic.green.label:hover { .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] { - color: #9e9e9e; - background: #404552; - border: 2px solid #353945; + color: #9e9e9e; + background: #404552; + border: 2px solid #353945; } .ui.form input:not([type]):focus, @@ -757,464 +757,464 @@ a.ui.basic.green.label:hover { .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus { - background: #404552; - border: 2px solid #4b505f; - color: #dbdbdb; + background: #404552; + border: 2px solid #4b505f; + color: #dbdbdb; } .ui.action.input:not([class*="left action"]) input:focus { - border-right-color: #4b505f !important; + border-right-color: #4b505f !important; } .ui.green.button, .ui.green.buttons .button { - background-color: #87ab63; + background-color: #87ab63; } .ui.green.button:hover, .ui.green.buttons .button:hover { - background-color: #a0cc75; + background-color: #a0cc75; } .ui.button { - background: #383c4a; - border: 1px solid #4c505c; - color: #dbdbdb; + background: #383c4a; + border: 1px solid #4c505c; + color: #dbdbdb; } .ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button { - background: #404552; - border: 1px solid #4c505c; - color: #87ab63; + background: #404552; + border: 1px solid #4c505c; + color: #87ab63; } .ui.button:hover { - background-color: #404552; - color: #dbdbdb; + background-color: #404552; + color: #dbdbdb; } .ui.table thead th, .ui.table > thead > tr > th { - background: #404552; - color: #dbdbdb !important; + background: #404552; + color: #dbdbdb !important; } .repository.file.list #repo-files-table tr { - background: #2a2e3a; + background: #2a2e3a; } .repository.file.list #repo-files-table tr:hover { - background-color: #393d4a !important; + background-color: #393d4a !important; } .ui.table { - color: #a5a5a5 !important; - border-color: #4c505c; - background: #353945; + color: #a5a5a5 !important; + border-color: #4c505c; + background: #353945; } .ui.table tbody tr { - border-color: #333640; - background: #2a2e3a; + border-color: #333640; + background: #2a2e3a; } .ui .text.grey { - color: #a5a5a8 !important; + color: #a5a5a8 !important; } .ui.attached.table.segment { - background: #353945; - color: #dbdbdb !important; + background: #353945; + color: #dbdbdb !important; } .markdown:not(code) h2 { - border-bottom: 1px solid #304251; + border-bottom: 1px solid #304251; } .ui.tabular.menu { - border-bottom-color: rgba(255, 255, 255, .1); + border-bottom-color: rgba(255, 255, 255, .1); + .item.active { + border-top-color: #404552; + border-left-color: #404552; + border-right-color: #404552; + background: #353945; + color: #dbdbdb; + } + + .item { + color: #9e9e9e; + } + + .item:hover { + color: #dbdbdb; + } + + &.navbar { .item.active { - border-top-color: #404552; - border-left-color: #404552; - border-right-color: #404552; - background: #353945; - color: #dbdbdb; - } - - .item { - color: #9e9e9e; - } - - .item:hover { - color: #dbdbdb; - } - - &.navbar { - .item.active { - border-top-color: transparent; - border-left-color: transparent; - border-right-color: transparent; - background: #383c4a; - } + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + background: #383c4a; } + } } .markdown:not(code) .highlight pre, .markdown:not(code) pre { - background-color: #2a2e3a; - border: 1px solid #404552; + background-color: #2a2e3a; + border: 1px solid #404552; } .markdown:not(code) table tr:nth-child(2n) { - background-color: #2a2e39; + background-color: #2a2e39; } .markdown:not(code) table tr:nth-child(2n-1) { - background-color: #383b44; + background-color: #383b44; } .markdown:not(code) table thead tr:nth-child(2n-1) { - background-color: #464c5d !important; + background-color: #464c5d !important; } .markdown:not(code) table td, .markdown:not(code) table th { - border-color: #4c505c !important; + border-color: #4c505c !important; } .repository.file.editor.edit, .repository.wiki.new .CodeMirror { - .editor-preview, - .editor-preview-side, - & + .editor-preview-side { - background: #353945; + .editor-preview, + .editor-preview-side, + & + .editor-preview-side { + background: #353945; - .markdown:not(code).ui.segment { - border-width: 0; - } + .markdown:not(code).ui.segment { + border-width: 0; } + } } .ui.dropdown .menu { - background: #2c303a; + background: #2c303a; } .ui.dropdown .menu > .message:not(.ui) { - color: #636363; + color: #636363; } .ui.input { - color: #dbdbdb; + color: #dbdbdb; } .overflow.menu .items .item { - color: #9d9d9d; + color: #9d9d9d; } .overflow.menu .items .item:hover { - color: #dbdbdb; + color: #dbdbdb; } .ui.segment { - background: #353945; - color: #9e9e9e !important; - border: 1px solid #404552; + background: #353945; + color: #9e9e9e !important; + border: 1px solid #404552; } .ui.list > .item > .content { - color: #9e9e9e !important; + color: #9e9e9e !important; } .ui.active.button:active, .ui.button:active, .ui.button:focus, .ui.active.button { - background-color: #2e3e4e; - color: #dbdbdb; + background-color: #2e3e4e; + color: #dbdbdb; } .ui.active.button:hover { - background-color: #475e75; - color: #dbdbdb; + background-color: #475e75; + color: #dbdbdb; } .ui.dropdown .menu .selected.item, .ui.dropdown.selected { - color: #dbdbdb; + color: #dbdbdb; } .ui.dropdown .menu > .item:hover { - color: #dbdbdb; + color: #dbdbdb; } .ui.dropdown .menu > .item { - color: #9e9e9e; + color: #9e9e9e; } .ui.attached.segment { - border: 1px solid #404552; + border: 1px solid #404552; } .repository.view.issue .comment-list .event > .svg.issue-symbol { - background: #3b4954; + background: #3b4954; } .repository.view.issue .comment-list .event > .svg:not(.issue-symbol) { - text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a; + text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a; } .ui .text.grey a { - color: #dbdbdb !important; + color: #dbdbdb !important; } .ui .comment .actions a { - color: #9e9e9e !important; + color: #9e9e9e !important; } .ui .comment .actions a.active, .ui .comment .actions a:hover { - color: #fff !important; + color: #fff !important; } .repository.view.issue .comment-list .comment .content { - > .bottom.segment { - background: #353945; - a { - border: solid 1px #353945; - background-color: #353945; - } + > .bottom.segment { + background: #353945; + a { + border: solid 1px #353945; + background-color: #353945; } + } - .header { - color: #dbdbdb; - background-color: #404552; - border-bottom: 1px solid #353944; - } + .header { + color: #dbdbdb; + background-color: #404552; + border-bottom: 1px solid #353944; + } - .merge-section { - background-color: #404552; - border-top: 1px solid #353944; - } + .merge-section { + background-color: #404552; + border-top: 1px solid #353944; + } - .header:after, - > .merge-section.no-header:after { - border-right-color: #404552; - } + .header:after, + > .merge-section.no-header:after { + border-right-color: #404552; + } - .header:before, - > .merge-section.no-header:before { - border-right-color: #404552; - } + .header:before, + > .merge-section.no-header:before { + border-right-color: #404552; + } } .repository.new.issue .comment.form .content:after { - border-right-color: #353945; + border-right-color: #353945; } .repository.new.issue .comment.form .content:before { - border-right-color: #353945; + border-right-color: #353945; } .repository.view.issue .comment-list:not(.prevent-before-timeline):before, .repository.view.issue .comment-list .timeline:before { - background-color: #3b4954; + background-color: #3b4954; } .repository.view.issue .comment-list .timeline-item .badge { - background-color: #383c4a; - border-color: #3b4954; - color: #9e9e9e; + background-color: #383c4a; + border-color: #3b4954; + color: #9e9e9e; } .repository.view.issue .comment-list .comment .tag { - color: #dbdbdb; - border-color: rgb(152, 152, 152); + color: #dbdbdb; + border-color: rgb(152, 152, 152); } .repository.view.issue .comment-list .timeline-item .badge.badge-commit { - background: radial-gradient(#383c4a 40%, transparent 40%) no-repeat; + background: radial-gradient(#383c4a 40%, transparent 40%) no-repeat; } .repository .comment.form .content .form:after { - border-right-color: #313c47; + border-right-color: #313c47; } .repository .comment.form .content .form:before { - border-right-color: #313c47; + border-right-color: #313c47; } .ui .text.grey a:hover { - color: #dbdbdb !important; + color: #dbdbdb !important; } .ui.basic.green.active.button, .ui.basic.green.buttons .active.button { - color: #13ae38 !important; - box-shadow: 0 0 0 1px #13ae38 inset !important; + color: #13ae38 !important; + box-shadow: 0 0 0 1px #13ae38 inset !important; } .ui.form textarea, .ui.form textarea:focus { - color: #dbdbdb; - background: #404552; - border: 2px solid #353945; + color: #dbdbdb; + background: #404552; + border: 2px solid #353945; } .ui.form textarea:focus { - border: 1px solid #456580; + border: 1px solid #456580; } .ui .info.segment.top { - background-color: #404552 !important; + background-color: #404552 !important; } .repository .diff-file-box .code-diff-unified tbody tr.del-code td { - background-color: #3c2626 !important; - border-color: #634343 !important; + background-color: #3c2626 !important; + border-color: #634343 !important; } .repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num { - background-color: #4e2c2c !important; + background-color: #4e2c2c !important; } .repository .diff-file-box .code-diff-unified tbody tr.add-code td { - background-color: #283e2d !important; - border-color: #314a37 !important; + background-color: #283e2d !important; + border-color: #314a37 !important; } .repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num { - background-color: #2c4632 !important; + background-color: #2c4632 !important; } .removed-code { - background-color: #5f3737; + background-color: #5f3737; } .added-code { - background-color: #3a523a; + background-color: #3a523a; } .tag-code, .tag-code td { - background: #353945 !important; + background: #353945 !important; } .tag-code td.lines-num { - background-color: #3a3e4c !important; + background-color: #3a3e4c !important; } .tag-code td.lines-type-marker, td.blob-hunk { - color: #dbdbdb !important; + color: #dbdbdb !important; } .ui.vertical.menu .active.item { - background: #4b5162; + background: #4b5162; } .ui.vertical.menu .item { - background: #353945; + background: #353945; } .ui.vertical.menu .header.item { - background: #404552; + background: #404552; } .ui.vertical.menu { - background: #353945; - border: 1px solid #333640; + background: #353945; + border: 1px solid #333640; } .ui.repository.list .item:not(:first-child) { - border-top: 1px solid #4c505c; + border-top: 1px solid #4c505c; } .ui .text.blue { - color: #87ab63 !important; + color: #87ab63 !important; } .ui.selection.active.dropdown, .ui.selection.active.dropdown .menu { - border-color: #4e5361; - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); + border-color: #4e5361; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); } .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu { - border-color: #4e5361; - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); + border-color: #4e5361; + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15); } .ui.selection.dropdown { - background: #404552; - border: 1px solid #404552; - color: #9e9e9e; + background: #404552; + border: 1px solid #404552; + color: #9e9e9e; } .ui.menu .ui.dropdown .menu > .active.item { - color: #dbdbdb !important; + color: #dbdbdb !important; } .ui.card, .ui.cards > .card { - background: #353945; - box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c; + background: #353945; + box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c; } .ui.card > .content > .header, .ui.cards > .card > .content > .header { - color: #dbdbdb; + color: #dbdbdb; } .ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) { - color: #87ab63; + color: #87ab63; } .ui .text.black { - color: #9e9e9e; + color: #9e9e9e; } .ui .text.black:hover { - color: #dbdbdb; + color: #dbdbdb; } .ui.secondary.segment { - background: #353945; + background: #353945; } .ui.secondary.pointing.menu { - border-bottom-color: rgba(255, 255, 255, .15); + border-bottom-color: rgba(255, 255, 255, .15); } .ui.secondary.pointing.menu .active.item { - color: #dbdbdb; + color: #dbdbdb; } .ui.user.list .item:not(:first-child) { - border-top: 1px solid #4c505c; + border-top: 1px solid #4c505c; } .ui.secondary.pointing.menu .active.item:hover { - color: #dbdbdb; + color: #dbdbdb; } .ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover { - color: #dbdbdb; + color: #dbdbdb; } .ui.pointing.dropdown > .menu:not(.hidden)::after { - background: #2c303a; + background: #2c303a; } .ui.checkbox label, .ui.checkbox + label, .ui.form .field > label { - color: #9e9e9e; + color: #9e9e9e; } .ui.form .inline.field > label, @@ -1222,348 +1222,348 @@ td.blob-hunk { .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label { - color: #9e9e9e; + color: #9e9e9e; } .user.settings .email.list .item:not(:first-child) { - border-top: 1px solid #3f4451; + border-top: 1px solid #3f4451; } .explore .navbar { - background-color: #2a2e3a !important; + background-color: #2a2e3a !important; } .ui.menu.new-menu { - background: #2a2e3a; - border-color: transparent !important; + background: #2a2e3a; + border-color: transparent !important; - @media only screen and (max-width: 1200px) { - &:after { - background: linear-gradient(to right, transparent 0%, #2a2e3a 100%); - } + @media only screen and (max-width: 1200px) { + &:after { + background: linear-gradient(to right, transparent 0%, #2a2e3a 100%); } + } } input { - background: #2e323e; + background: #2e323e; } .settings .key.list .item:not(:first-child) { - border-top: 1px solid #404552; + border-top: 1px solid #404552; } .ui.attached.info.message, .ui.info.message { - box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; + box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; } .ui.bottom.attached.message { - background-color: #2c662d; - color: #87ab63; + background-color: #2c662d; + color: #87ab63; } .ui.bottom.attached.message .pull-right { - color: #87ab63; + color: #87ab63; } .ui.info.message { - background-color: #2c3b4a; - color: #9ebcc5; + background-color: #2c3b4a; + color: #9ebcc5; } .ui .warning.header { - background-color: #5d3a22 !important; - border-color: #794f31; + background-color: #5d3a22 !important; + border-color: #794f31; } .ui.red.message, .ui.error.message { - background-color: rgba(80, 23, 17, .6); - color: #f9cbcb; - box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; + background-color: rgba(80, 23, 17, .6); + color: #f9cbcb; + box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; } .ui.red.button, .ui.red.buttons .button { - background-color: #7d3434; + background-color: #7d3434; } .ui.red.button:hover, .ui.red.buttons .button:hover { - background-color: #984646; + background-color: #984646; } .ui.checkbox label:hover, .ui.checkbox + label:hover { - color: #dbdbdb !important; + color: #dbdbdb !important; } .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after { - color: #7f98ad; + color: #7f98ad; } .ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before { - background: #304251; - opacity: 1; - color: #7f98ad; - border-color: #304251; + background: #304251; + opacity: 1; + color: #7f98ad; + border-color: #304251; } .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { - background: #304251; + background: #304251; } .ui.checkbox .box:before, .ui.checkbox label:before { - background: #304251; - border: 1px solid #304251; + background: #304251; + border: 1px solid #304251; } .ui.checkbox label:before { - border-color: #476075; + border-color: #476075; } .ui.checkbox .box:active::before, .ui.checkbox label:active::before { - background: #304251; - border-color: rgba(34, 36, 38, .35); + background: #304251; + border-color: rgba(34, 36, 38, .35); } .ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before { - border-color: #304251; - background: #304251; + border-color: #304251; + background: #304251; } .ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before { - border-color: #304251; - background: #304251; + border-color: #304251; + background: #304251; } .ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after { - color: #7f98ad; + color: #7f98ad; } .ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label, .ui.checkbox input:focus ~ label:after { - color: #9a9a9a; + color: #9a9a9a; } .ui.selection.dropdown:hover { - border: 1px solid #456580; + border: 1px solid #456580; } .ui.selection.dropdown .menu > .item { - border-top: 1px solid #313c47; + border-top: 1px solid #313c47; } .ui.selection.visible.dropdown > .text:not(.default) { - color: #9e9e9e; + color: #9e9e9e; } .ui.positive.message { - background-color: #0d491b; - color: #87ab63; - box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent; + background-color: #0d491b; + color: #87ab63; + box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent; } .ui.negative.message { - background-color: rgba(80, 23, 17, .6); - color: #f9cbcb; - box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; + background-color: rgba(80, 23, 17, .6); + color: #f9cbcb; + box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; } .user.profile .ui.card .extra.content ul li:not(:last-child) { - border-bottom: 1px solid #4c505c; + border-bottom: 1px solid #4c505c; } .ui.form .dropzone { - border: 2px dashed #7f98ad; - background-color: #2e323e; + border: 2px dashed #7f98ad; + background-color: #2e323e; - .dz-button { - color: rgba(158, 158, 158, .8); - } + .dz-button { + color: rgba(158, 158, 158, .8); + } } .ui.form .dropzone:hover .dz-button { - color: rgba(158, 158, 158, 1); + color: rgba(158, 158, 158, 1); } .ui.basic.red.button, .ui.basic.red.buttons .button { - box-shadow: 0 0 0 1px #a04141 inset !important; - color: #a04141 !important; + box-shadow: 0 0 0 1px #a04141 inset !important; + color: #a04141 !important; } .ui.list .list > .item .header, .ui.list > .item .header { - color: #dedede; + color: #dedede; } .ui.list .list > .item .description, .ui.list > .item .description { - color: #9e9e9e; + color: #9e9e9e; } .ui.user.list .item .description a { - color: #668cb1; + color: #668cb1; } .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { - color: #7c9b5e; + color: #7c9b5e; } .ui.blue.button:focus, .ui.blue.buttons .button:focus { - background-color: #a27558; + background-color: #a27558; } .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover { - box-shadow: 0 0 0 1px #87ab63 inset !important; - color: #87ab63 !important; + box-shadow: 0 0 0 1px #87ab63 inset !important; + color: #87ab63 !important; } .ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus { - box-shadow: 0 0 0 1px #87ab63 inset !important; - color: #87ab63 !important; + box-shadow: 0 0 0 1px #87ab63 inset !important; + color: #87ab63 !important; } .repository.labels .ui.basic.black.label { - background-color: #bbbbbb !important; + background-color: #bbbbbb !important; } .lines-commit { - background: #2e323e !important; + background: #2e323e !important; } .bottom-line { - border-color: #4e525e !important; + border-color: #4e525e !important; } .lines-num { - color: #9e9e9e !important; - border-color: #2d2d2d !important; + color: #9e9e9e !important; + border-color: #2d2d2d !important; } td.blob-excerpt { - background-color: rgba(0, 0, 0, .15); + background-color: rgba(0, 0, 0, .15); } a.blob-excerpt { - color: #ccc; - background: #393d4a; + color: #ccc; + background: #393d4a; } a.blob-excerpt:hover { - background: #87ab63; + background: #87ab63; } .code-view .lines-code.active { - background: #534d1b !important; + background: #534d1b !important; } a.ui.label:hover, a.ui.labels .label:hover { - background-color: #505667 !important; - color: #dbdbdb !important; + background-color: #505667 !important; + color: #dbdbdb !important; } .repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label { - border-color: #888; + border-color: #888; } .repository #commits-table td.sha .sha.label.isSigned .detail.icon, .repository #repo-files-table .sha.label.isSigned .detail.icon { - background: none; - border-left-color: #888; + background: none; + border-left-color: #888; } .repository .ui.attached.message.isSigned.isVerified { - background-color: #394829; - color: #9e9e9e; + background-color: #394829; + color: #9e9e9e; - &.message { - color: #87ab63; - .ui.text { - color: #9e9e9e; - } - .pull-right { - color: #87ab63; - } + &.message { + color: #87ab63; + .ui.text { + color: #9e9e9e; } + .pull-right { + color: #87ab63; + } + } } .repository .ui.attached.message.isSigned.isVerifiedUntrusted { - background-color: #4a3903; - color: #9e9e9e; - &.message { - color: #c2c193; - .ui.text { - color: #9e9e9e; - } - .pull-right, - a { - color: #c2c193; - } + background-color: #4a3903; + color: #9e9e9e; + &.message { + color: #c2c193; + .ui.text { + color: #9e9e9e; } + .pull-right, + a { + color: #c2c193; + } + } } .repository .ui.attached.message.isSigned.isVerifiedUnmatched { - background-color: #4e3321; - color: #9e9e9e; - &.message { - color: #c2a893; - .ui.text { - color: #9e9e9e; - } - .pull-right, - a { - color: #c2a893; - } + background-color: #4e3321; + color: #9e9e9e; + &.message { + color: #c2a893; + .ui.text { + color: #9e9e9e; } + .pull-right, + a { + color: #c2a893; + } + } } .repository .ui.attached.message.isSigned.isWarning { - background-color: rgba(80, 23, 17, .6); - &.message { - color: #d07d7d; - .ui.text { - color: #d07d7d; - } - .pull-right { - color: #9e9e9e; - } + background-color: rgba(80, 23, 17, .6); + &.message { + color: #d07d7d; + .ui.text { + color: #d07d7d; } + .pull-right { + color: #9e9e9e; + } + } } .repository .label.list .item { - border-bottom: 1px dashed #4c505c; + border-bottom: 1px dashed #4c505c; } .ui.basic.blue.button, .ui.basic.blue.buttons .button { - box-shadow: 0 0 0 1px #87ab63 inset !important; - color: #87ab63 !important; + box-shadow: 0 0 0 1px #87ab63 inset !important; + color: #87ab63 !important; } .ui.text.yellow, .yellow.icon.icon.icon { - color: #e4ac07 !important; + color: #e4ac07 !important; } .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), @@ -1572,7 +1572,7 @@ a.ui.labels .label:hover { .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) { - background-color: #2a2e3a; + background-color: #2a2e3a; } .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), @@ -1580,415 +1580,415 @@ a.ui.labels .label:hover { .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6), .repository .diff-file-box .code-diff-split tbody tr td.add-code, .repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code { - background-color: #283e2d !important; - border-color: #314a37 !important; + background-color: #283e2d !important; + border-color: #314a37 !important; } .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr td.del-code { - background-color: #3c2626 !important; - border-color: #634343 !important; + background-color: #3c2626 !important; + border-color: #634343 !important; } .organization.teams .detail .item:not(:last-child), .organization.members .list .item { - border-bottom-color: #404552; + border-bottom-color: #404552; } .ui.blue.button:active, .ui.blue.buttons .button:active { - background-color: #a27558; + background-color: #a27558; } #git-graph-container li a { - color: #c79575; + color: #c79575; } #git-graph-container li .author { - color: #c79575; + color: #c79575; } .ui.header .sub.header { - color: #9e9e9e; + color: #9e9e9e; } .ui.dividing.header { - border-bottom: 1px solid #4c505c; + border-bottom: 1px solid #4c505c; } .ui.modal > .header { - background: #404552; - color: #dbdbdb; + background: #404552; + color: #dbdbdb; } .ui.modal > .actions { - background: #404552; - border-top: 1px solid #404552; + background: #404552; + border-top: 1px solid #404552; } .ui.modal > .content { - background: #383c4a; + background: #383c4a; } .editor-toolbar { - background-color: #404552; - border-color: #7f98ad; + background-color: #404552; + border-color: #7f98ad; } .edit-diff > div > .ui.table { - border-left-color: #404552 !important; - border-right-color: #404552 !important; + border-left-color: #404552 !important; + border-right-color: #404552 !important; } .editor-toolbar a { - color: #87ab63 !important; + color: #87ab63 !important; } .editor-toolbar a.active, .editor-toolbar a:hover { - background: #2a2e3a; - border-color: transparent; + background: #2a2e3a; + border-color: transparent; } .editor-toolbar i.separator { - border-right-color: #7f98ad; + border-right-color: #7f98ad; } .repository .diff-detail-box { - background-color: #383c4a; + background-color: #383c4a; - .detail-files { - background-color: inherit; - } + .detail-files { + background-color: inherit; + } - &.sticky { - border-bottom-color: rgba(255, 255, 255, .1); - } + &.sticky { + border-bottom-color: rgba(255, 255, 255, .1); + } } .comment-code-cloud { - border-color: #3a3a3a; + border-color: #3a3a3a; - &:before { - border-bottom: 13px solid #5a5a5a; + &:before { + border-bottom: 13px solid #5a5a5a; + } + + .ui.attached.top.header { + background: none transparent; + border: 0; + } + + .ui.active.tab { + &:not(.markdown) { + textarea:focus { + border: none; + } + + background: #404552; } - .ui.attached.top.header { - background: none transparent; - border: 0; + border-color: rgba(255, 255, 255, .15); + } + + .footer { + border-top-color: #5a5a5a; + + .markdown-info { + color: inherit; } - .ui.active.tab { - &:not(.markdown) { - textarea:focus { - border: none; - } - - background: #404552; - } - - border-color: rgba(255, 255, 255, .15); - } - - .footer { - border-top-color: #5a5a5a; - - .markdown-info { - color: inherit; - } - - } + } } .add-comment-left.add-comment-right .ui.attached.header { - border-color: #5d5c5c; - border-right: none; + border-color: #5d5c5c; + border-right: none; } .file-comment { - color: #888888; + color: #888888; } .ui.comments .comment { - .author { - color: #dbdbdb; - } + .author { + color: #dbdbdb; + } - .metadata { - color: #808084; - } + .metadata { + color: #808084; + } - .text { - color: #9e9e9e; - } + .text { + color: #9e9e9e; + } } .heatmap(@heat) { - @heatmap-cold: #2d303b; - @heatmap-hot: #a0cc75; - background-color: mix(@heatmap-hot, @heatmap-cold, @heat); + @heatmap-cold: #2d303b; + @heatmap-hot: #a0cc75; + background-color: mix(@heatmap-hot, @heatmap-cold, @heat); } .heatmap-color-0 { - .heatmap(0%); + .heatmap(0%); } .heatmap-color-1 { - .heatmap(20%); + .heatmap(20%); } .heatmap-color-2 { - .heatmap(40%); + .heatmap(40%); } .heatmap-color-3 { - .heatmap(60%); + .heatmap(60%); } .heatmap-color-4 { - .heatmap(80%); + .heatmap(80%); } .heatmap-color-5 { - .heatmap(100%); + .heatmap(100%); } .activity-bar-graph { - background-color: #a0cc75; - color: #9e9e9e; + background-color: #a0cc75; + color: #9e9e9e; } /* code mirror dark theme */ .CodeMirror { - color: #9daccc; + color: #9daccc; + background-color: #2e323e; + border-color: #7f98ad; + border-top: 0; + + div.CodeMirror-cursor { + border-left: 1px solid #9e9e9e; + } + + .CodeMirror-gutters { background-color: #2e323e; - border-color: #7f98ad; - border-top: 0; + } - div.CodeMirror-cursor { - border-left: 1px solid #9e9e9e; + ::selection, + ::-moz-selection, + .CodeMirror-selected { + background: #42402f !important; + } + + &.cm-s-default, + &.cm-s-paper { + .cm-property { + color: #a0cc75; } - .CodeMirror-gutters { - background-color: #2e323e; + .cm-header { + color: #9daccc; } - ::selection, - ::-moz-selection, - .CodeMirror-selected { - background: #42402f !important; + .cm-quote { + color: #009900; } - &.cm-s-default, - &.cm-s-paper { - .cm-property { - color: #a0cc75; - } - - .cm-header { - color: #9daccc; - } - - .cm-quote { - color: #009900; - } - - .cm-keyword { - color: #cc8a61; - } - - .cm-atom { - color: #ef5e77; - } - - .cm-number { - color: #ff5656; - } - - .cm-def { - color: #e4e4e4; - } - - .cm-variable-2 { - color: #00bdbf; - } - - .cm-variable-3 { - color: #008855; - } - - .cm-comment { - color: #8e9ab3; - } - - .cm-string { - color: #a77272; - } - - .cm-string-2 { - color: #ff5500; - } - - .cm-meta, - .cm-qualifier { - color: #ffb176; - } - - .cm-builtin { - color: #b7c951; - } - - .cm-bracket { - color: #999977; - } - - .cm-tag { - color: #f1d273; - } - - .cm-attribute { - color: #bfcc70; - } - - .cm-hr { - color: #999999; - } - - .cm-url { - color: #c5cfd0; - } - - .cm-link { - color: #d8c792; - } - - .cm-error { - /* color: #ff6e00; */ - color: #dbdbeb; - } + .cm-keyword { + color: #cc8a61; } + + .cm-atom { + color: #ef5e77; + } + + .cm-number { + color: #ff5656; + } + + .cm-def { + color: #e4e4e4; + } + + .cm-variable-2 { + color: #00bdbf; + } + + .cm-variable-3 { + color: #008855; + } + + .cm-comment { + color: #8e9ab3; + } + + .cm-string { + color: #a77272; + } + + .cm-string-2 { + color: #ff5500; + } + + .cm-meta, + .cm-qualifier { + color: #ffb176; + } + + .cm-builtin { + color: #b7c951; + } + + .cm-bracket { + color: #999977; + } + + .cm-tag { + color: #f1d273; + } + + .cm-attribute { + color: #bfcc70; + } + + .cm-hr { + color: #999999; + } + + .cm-url { + color: #c5cfd0; + } + + .cm-link { + color: #d8c792; + } + + .cm-error { + /* color: #ff6e00; */ + color: #dbdbeb; + } + } } .ui.popup { - background-color: #383c4a; - color: #9e9e9e; - border-color: #9e9e9e; + background-color: #383c4a; + color: #9e9e9e; + border-color: #9e9e9e; - &.top::before { - background-color: #383c4a; - } + &.top::before { + background-color: #383c4a; + } } .markdown:not(code) h1 { - border-bottom-color: #888; + border-bottom-color: #888; } .markdown:not(code) blockquote { - border-left-color: #888; + border-left-color: #888; } .markdown:not(code) code, .markdown:not(code) tt { - background-color: #2a2e3a; + background-color: #2a2e3a; } footer .container .links > * { - border-left-color: #888; + border-left-color: #888; } .repository.file.list #repo-files-table tbody .svg { - color: #9e9e9e; + color: #9e9e9e; } .repository.release #release-list > li .detail { - border-left-color: #4c505c; + border-left-color: #4c505c; } .repository.release #release-list > li .detail .dot { - background-color: #888; - border-color: #383c4a; + background-color: #888; + border-color: #383c4a; } .repository.release #release-list > li .detail .download .list { - border-top-color: #404552; + border-top-color: #404552; } .repository.release #release-list > li .detail .download .list li { - border-bottom-color: #404552; + border-bottom-color: #404552; } .board-column { - background-color: rgba(0, 0, 0, .2) !important; + background-color: rgba(0, 0, 0, .2) !important; } .tribute-container { - box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6); + box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6); } .tribute-container ul { - background: #2d303b !important; + background: #2d303b !important; } .tribute-container li.highlight, .tribute-container li:hover { - background: #728e5e !important; + background: #728e5e !important; } .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar { - color: #2a2e3a; + color: #2a2e3a; } #git-graph-container.monochrome #rel-container .flow-group { - stroke: dimgrey; - fill: dimgrey; + stroke: dimgrey; + fill: dimgrey; } #git-graph-container.monochrome #rel-container .flow-group.highlight { - stroke: darkgrey; - fill: darkgrey; + stroke: darkgrey; + fill: darkgrey; } #git-graph-container:not(.monochrome) #rel-container .flow-group { - &.flow-color-16-5 { - stroke: #5543b1; - fill: #5543b1; - } + &.flow-color-16-5 { + stroke: #5543b1; + fill: #5543b1; + } } #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight { - &.flow-color-16-5 { - stroke: #7058e6; - fill: #7058e6; - } + &.flow-color-16-5 { + stroke: #7058e6; + fill: #7058e6; + } } #git-graph-container #rev-list li.highlight, #git-graph-container #rev-list li.hover { - background-color: rgba(255, 255, 255, .05); + background-color: rgba(255, 255, 255, .05); } #git-graph-container #rev-list li.highlight.hover { - background-color: rgba(255, 255, 255, .1); + background-color: rgba(255, 255, 255, .1); } #git-graph-container .ui.buttons button#flow-color-monochrome.ui.button { - border-left-color: rgb(76, 80, 92); - border-left-style: solid; - border-left-width: 1px; + border-left-color: rgb(76, 80, 92); + border-left-style: solid; + border-left-width: 1px; } .mermaid-chart { - filter: invert(84%) hue-rotate(180deg); + filter: invert(84%) hue-rotate(180deg); } .is-loading:after { - border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; + border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; } .markdown-block-error { - border: 1px solid rgba(121, 71, 66, .5) !important; - border-bottom: none !important; + border: 1px solid rgba(121, 71, 66, .5) !important; + border-bottom: none !important; }