From eb4db0445bea4a8dff370d80a270765840fcb8ef Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
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 <body>, 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;
}