fedi/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-11-22 05:36:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reindent Less to 2-space (#12602)

Browse source 
Reindent and unify codebase to 2-space indentation.
This commit is contained in:
silverwind 2020-08-25 21:48:53 +02:00 committed by GitHub
parent e90e122b39
commit eb4db0445b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
22 changed files with 6376 additions and 6382 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
.editorconfig
View file

@ -1,28 +1,22 @@
root = true root = true
[*] [*]
charset = utf-8 indent_style = space
insert_final_newline = true indent_size = 2
trim_trailing_whitespace = true tab_width = 2
end_of_line = lf end_of_line = lf
charset = utf-8
[*.md] trim_trailing_whitespace = true
trim_trailing_whitespace = false insert_final_newline = true
[*.{go,tmpl,html}] [*.{go,tmpl,html}]
indent_style = tab indent_style = tab
indent_size = 2
[*.{less,css}]
indent_style = space
indent_size = 4
[*.{js,json,yml}]
indent_style = space
indent_size = 2
[Makefile] [Makefile]
indent_style = tab indent_style = tab
[*.svg] [*.svg]
insert_final_newline = false insert_final_newline = false
[*.md]
trim_trailing_whitespace = false

2
.stylelintrc
View file

@ -6,7 +6,7 @@ rules:
color-hex-length: null color-hex-length: null
comment-empty-line-before: null comment-empty-line-before: null
declaration-empty-line-before: null declaration-empty-line-before: null
indentation: 4 indentation: 2
no-descending-specificity: null no-descending-specificity: null
number-leading-zero: never number-leading-zero: never
rule-empty-line-before: null rule-empty-line-before: null

144
web_src/less/_admin.less
View file

@ -1,93 +1,93 @@
.admin { .admin {
padding-top: 15px; padding-top: 15px;
.table.segment { .table.segment {
padding: 0; padding: 0;
font-size: 13px; font-size: 13px;
&:not(.striped) { &:not(.striped) {
thead { thead {
th:last-child { th:last-child {
padding-right: 5px !important; 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;
} }
}
} }
.ui.header, th {
.ui.segment { padding-top: 5px;
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); padding-bottom: 5px;
} }
&.user { &:not(.select) {
.email { th,
max-width: 200px; td {
&:first-of-type {
padding-left: 15px !important;
} }
}
} }
dl.admin-dl-horizontal { form tbody button[type='submit'] {
padding: 20px; padding: 5px 8px;
margin: 0; }
}
dd { .ui.header,
margin-left: 275px; .ui.segment {
} box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
dt { &.user {
font-weight: bolder; .email {
float: left; max-width: 200px;
width: 285px; }
clear: left; }
overflow: hidden;
text-overflow: ellipsis; dl.admin-dl-horizontal {
white-space: nowrap; padding: 20px;
} margin: 0;
dd {
margin-left: 275px;
} }
&.config { dt {
#test-mail-btn { font-weight: bolder;
margin-left: 5px; float: left;
} width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
}
code, &.config {
pre { #test-mail-btn {
white-space: pre-wrap; margin-left: 5px;
word-wrap: break-word;
} }
}
#notice-table { code,
.notice-description { pre {
@media only screen and (max-width: 767px) { white-space: pre-wrap;
max-width: 80vw; word-wrap: break-word;
} }
@media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 360px; #notice-table {
} .notice-description {
@media only screen and (min-width: 992px) and (max-width: 1199.98px) { @media only screen and (max-width: 767px) {
max-width: 510px; max-width: 80vw;
} }
@media only screen and (min-width: 1200px) { @media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 640px; 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;
}
} }
}
} }

1750
web_src/less/_base.less
View file

File diff suppressed because it is too large Load diff

178
web_src/less/_chroma.less
View file

@ -1,377 +1,377 @@
/* Background */ /* Background */
.chroma { .chroma {
background-color: #ffffff; background-color: #ffffff;
} }
/* LineTableTD */ /* LineTableTD */
.chroma .lntd { .chroma .lntd {
vertical-align: top; vertical-align: top;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
} }
/* LineTable */ /* LineTable */
.chroma .lntable { .chroma .lntable {
border-spacing: 0; border-spacing: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
width: auto; width: auto;
overflow: auto; overflow: auto;
display: block; display: block;
} }
/* LineHighlight */ /* LineHighlight */
.chroma .hl { .chroma .hl {
display: block; display: block;
width: 100%; width: 100%;
background-color: #e5e5e5; background-color: #e5e5e5;
} }
/* LineNumbersTable */ /* LineNumbersTable */
.chroma .lnt { .chroma .lnt {
margin-right: .4em; margin-right: .4em;
padding: 0 .4em; padding: 0 .4em;
color: #7f7f7f; color: #7f7f7f;
} }
/* LineNumbers */ /* LineNumbers */
.chroma .ln { .chroma .ln {
margin-right: .4em; margin-right: .4em;
padding: 0 .4em; padding: 0 .4em;
color: #7f7f7f; color: #7f7f7f;
} }
/* Keyword */ /* Keyword */
.chroma .k { .chroma .k {
color: #d73a49; color: #d73a49;
} }
/* KeywordConstant */ /* KeywordConstant */
.chroma .kc { .chroma .kc {
color: #d73a49; color: #d73a49;
} }
/* KeywordDeclaration */ /* KeywordDeclaration */
.chroma .kd { .chroma .kd {
color: #d73a49; color: #d73a49;
} }
/* KeywordNamespace */ /* KeywordNamespace */
.chroma .kn { .chroma .kn {
color: #d73a49; color: #d73a49;
} }
/* KeywordPseudo */ /* KeywordPseudo */
.chroma .kp { .chroma .kp {
color: #d73a49; color: #d73a49;
} }
/* KeywordReserved */ /* KeywordReserved */
.chroma .kr { .chroma .kr {
color: #d73a49; color: #d73a49;
} }
/* KeywordType */ /* KeywordType */
.chroma .kt { .chroma .kt {
color: #445588; color: #445588;
} }
/* NameAttribute */ /* NameAttribute */
.chroma .na { .chroma .na {
color: #d73a49; color: #d73a49;
} }
/* NameBuiltin */ /* NameBuiltin */
.chroma .nb { .chroma .nb {
color: #005cc5; color: #005cc5;
} }
/* NameBuiltinPseudo */ /* NameBuiltinPseudo */
.chroma .bp { .chroma .bp {
color: #999999; color: #999999;
} }
/* NameClass */ /* NameClass */
.chroma .nc { .chroma .nc {
color: #445588; color: #445588;
} }
/* NameConstant */ /* NameConstant */
.chroma .no { .chroma .no {
color: #008080; color: #008080;
} }
/* NameDecorator */ /* NameDecorator */
.chroma .nd { .chroma .nd {
color: #3c5d5d; color: #3c5d5d;
} }
/* NameEntity */ /* NameEntity */
.chroma .ni { .chroma .ni {
color: #6f42c1; color: #6f42c1;
} }
/* NameException */ /* NameException */
.chroma .ne { .chroma .ne {
color: #990000; color: #990000;
} }
/* NameFunction */ /* NameFunction */
.chroma .nf { .chroma .nf {
color: #005cc5; color: #005cc5;
} }
/* NameLabel */ /* NameLabel */
.chroma .nl { .chroma .nl {
color: #990000; color: #990000;
} }
/* NameNamespace */ /* NameNamespace */
.chroma .nn { .chroma .nn {
color: #555555; color: #555555;
} }
/* NameOther */ /* NameOther */
.chroma .nx { .chroma .nx {
color: #24292e; color: #24292e;
} }
/* NameTag */ /* NameTag */
.chroma .nt { .chroma .nt {
color: #22863a; color: #22863a;
} }
/* NameVariable */ /* NameVariable */
.chroma .nv { .chroma .nv {
color: #008080; color: #008080;
} }
/* NameVariableClass */ /* NameVariableClass */
.chroma .vc { .chroma .vc {
color: #008080; color: #008080;
} }
/* NameVariableGlobal */ /* NameVariableGlobal */
.chroma .vg { .chroma .vg {
color: #008080; color: #008080;
} }
/* NameVariableInstance */ /* NameVariableInstance */
.chroma .vi { .chroma .vi {
color: #008080; color: #008080;
} }
/* LiteralString */ /* LiteralString */
.chroma .s { .chroma .s {
color: #032f62; color: #032f62;
} }
/* LiteralStringAffix */ /* LiteralStringAffix */
.chroma .sa { .chroma .sa {
color: #032f62; color: #032f62;
} }
/* LiteralStringBacktick */ /* LiteralStringBacktick */
.chroma .sb { .chroma .sb {
color: #032f62; color: #032f62;
} }
/* LiteralStringChar */ /* LiteralStringChar */
.chroma .sc { .chroma .sc {
color: #032f62; color: #032f62;
} }
/* LiteralStringDelimiter */ /* LiteralStringDelimiter */
.chroma .dl { .chroma .dl {
color: #032f62; color: #032f62;
} }
/* LiteralStringDoc */ /* LiteralStringDoc */
.chroma .sd { .chroma .sd {
color: #032f62; color: #032f62;
} }
/* LiteralStringDouble */ /* LiteralStringDouble */
.chroma .s2 { .chroma .s2 {
color: #032f62; color: #032f62;
} }
/* LiteralStringEscape */ /* LiteralStringEscape */
.chroma .se { .chroma .se {
color: #032f62; color: #032f62;
} }
/* LiteralStringHeredoc */ /* LiteralStringHeredoc */
.chroma .sh { .chroma .sh {
color: #032f62; color: #032f62;
} }
/* LiteralStringInterpol */ /* LiteralStringInterpol */
.chroma .si { .chroma .si {
color: #032f62; color: #032f62;
} }
/* LiteralStringOther */ /* LiteralStringOther */
.chroma .sx { .chroma .sx {
color: #032f62; color: #032f62;
} }
/* LiteralStringRegex */ /* LiteralStringRegex */
.chroma .sr { .chroma .sr {
color: #22863a; color: #22863a;
} }
/* LiteralStringSingle */ /* LiteralStringSingle */
.chroma .s1 { .chroma .s1 {
color: #24292e; color: #24292e;
} }
/* LiteralStringSymbol */ /* LiteralStringSymbol */
.chroma .ss { .chroma .ss {
color: #032f62; color: #032f62;
} }
/* LiteralNumber */ /* LiteralNumber */
.chroma .m { .chroma .m {
color: #009999; color: #009999;
} }
/* LiteralNumberBin */ /* LiteralNumberBin */
.chroma .mb { .chroma .mb {
color: #009999; color: #009999;
} }
/* LiteralNumberFloat */ /* LiteralNumberFloat */
.chroma .mf { .chroma .mf {
color: #009999; color: #009999;
} }
/* LiteralNumberHex */ /* LiteralNumberHex */
.chroma .mh { .chroma .mh {
color: #009999; color: #009999;
} }
/* LiteralNumberInteger */ /* LiteralNumberInteger */
.chroma .mi { .chroma .mi {
color: #009999; color: #009999;
} }
/* LiteralNumberIntegerLong */ /* LiteralNumberIntegerLong */
.chroma .il { .chroma .il {
color: #009999; color: #009999;
} }
/* LiteralNumberOct */ /* LiteralNumberOct */
.chroma .mo { .chroma .mo {
color: #009999; color: #009999;
} }
/* Operator */ /* Operator */
.chroma .o { .chroma .o {
color: #d73a49; color: #d73a49;
} }
/* OperatorWord */ /* OperatorWord */
.chroma .ow { .chroma .ow {
color: #d73a49; color: #d73a49;
} }
/* Comment */ /* Comment */
.chroma .c { .chroma .c {
color: #6a737d; color: #6a737d;
} }
/* CommentHashbang */ /* CommentHashbang */
.chroma .ch { .chroma .ch {
color: #6a737d; color: #6a737d;
} }
/* CommentMultiline */ /* CommentMultiline */
.chroma .cm { .chroma .cm {
color: #999988; color: #999988;
} }
/* CommentSingle */ /* CommentSingle */
.chroma .c1 { .chroma .c1 {
color: #6a737d; color: #6a737d;
} }
/* CommentSpecial */ /* CommentSpecial */
.chroma .cs { .chroma .cs {
color: #999999; color: #999999;
} }
/* CommentPreproc */ /* CommentPreproc */
.chroma .cp { .chroma .cp {
color: #999999; color: #999999;
} }
/* CommentPreprocFile */ /* CommentPreprocFile */
.chroma .cpf { .chroma .cpf {
color: #999999; color: #999999;
} }
/* GenericDeleted */ /* GenericDeleted */
.chroma .gd { .chroma .gd {
color: #000000; color: #000000;
background-color: #ffdddd; background-color: #ffdddd;
} }
/* GenericEmph */ /* GenericEmph */
.chroma .ge { .chroma .ge {
color: #000000; color: #000000;
} }
/* GenericError */ /* GenericError */
.chroma .gr { .chroma .gr {
color: #aa0000; color: #aa0000;
} }
/* GenericHeading */ /* GenericHeading */
.chroma .gh { .chroma .gh {
color: #999999; color: #999999;
} }
/* GenericInserted */ /* GenericInserted */
.chroma .gi { .chroma .gi {
color: #000000; color: #000000;
background-color: #ddffdd; background-color: #ddffdd;
} }
/* GenericOutput */ /* GenericOutput */
.chroma .go { .chroma .go {
color: #888888; color: #888888;
} }
/* GenericPrompt */ /* GenericPrompt */
.chroma .gp { .chroma .gp {
color: #555555; color: #555555;
} }
/* GenericStrong */ /* GenericStrong */
.chroma .gs { .chroma .gs {
font-weight: bold; font-weight: bold;
} }
/* GenericSubheading */ /* GenericSubheading */
.chroma .gu { .chroma .gu {
color: #aaaaaa; color: #aaaaaa;
} }
/* GenericTraceback */ /* GenericTraceback */
.chroma .gt { .chroma .gt {
color: #aa0000; color: #aa0000;
} }
/* GenericUnderline */ /* GenericUnderline */
.chroma .gl { .chroma .gl {
text-decoration: underline; text-decoration: underline;
} }
/* TextWhitespace */ /* TextWhitespace */
.chroma .w { .chroma .w {
color: #bbbbbb; color: #bbbbbb;
} }

364
web_src/less/_dashboard.less
View file

@ -1,210 +1,210 @@
.dashboard { .dashboard {
padding-top: 15px; padding-top: 15px;
&.feeds, &.feeds,
&.issues { &.issues {
.context.user.menu { .context.user.menu {
z-index: 101; z-index: 101;
min-width: 200px; min-width: 200px;
.ui.header { .ui.header {
font-size: 1rem; font-size: 1rem;
text-transform: none; 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;
}
} }
/* Accomodate for Semantic's 1px hacks on .attached elements */ .filter.menu {
width: initial;
.dashboard-repos { .item {
margin: 0 1px; 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 { .right.stackable.menu > .item.active {
width: 100vw; color: #d9453d;
padding: 0 .5rem;
} }
}
/* Accomodate for Semantic's 1px hacks on .attached elements */
.dashboard-repos {
margin: 0 1px;
}
.dashboard-navbar {
width: 100vw;
padding: 0 .5rem;
}
} }
&.feeds { &.feeds {
.news { .news {
li { li {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
margin-top: .5rem; margin-top: .5rem;
margin-bottom: .5rem; margin-bottom: .5rem;
img { img {
align-self: flex-start; align-self: flex-start;
} }
} }
li > * + * { li > * + * {
margin-left: .35rem; 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;
}
} }
.list { line-height: 1.2;
.header {
.ui.label {
margin-top: -4px;
padding: 4px 5px;
font-weight: normal;
}
.plus.icon { > .ui.grid {
margin-top: 5px; 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 { &.private {
list-style: none; background-color: #fcf8e9;
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;
}
}
}
} }
#privateFilterCheckbox .svg { a {
padding: 6px 1.2em;
display: block;
.svg {
color: #888888; color: #888888;
margin-right: .25rem;
}
.repo-owner-name-list { &.rear {
.item-name { font-size: 15px;
max-width: 70%;
margin-bottom: -4px;
} }
} }
#collaborative-repo-list { .star-num {
.owner-and-repo { font-size: 12px;
max-width: 80%; }
margin-bottom: -5px;
}
.owner-name {
max-width: 120px;
margin-bottom: -5px;
}
} }
}
} }
#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;
}
}
}
} }

68
web_src/less/_editor.less
View file

@ -1,75 +1,75 @@
.CodeMirror { .CodeMirror {
font: 14px @monospaced-fonts, monospace; font: 14px @monospaced-fonts, monospace;
&.cm-s-default { &.cm-s-default {
border-radius: 3px; border-radius: 3px;
padding: 0 !important; padding: 0 !important;
} }
.cm-comment { .cm-comment {
background: inherit !important; background: inherit !important;
} }
} }
.repository.file.editor .tab[data-tab="write"] { .repository.file.editor .tab[data-tab="write"] {
padding: 0 !important; padding: 0 !important;
} }
.repository.file.editor .tab[data-tab="write"] .editor-toolbar { .repository.file.editor .tab[data-tab="write"] .editor-toolbar {
border: 0 !important; border: 0 !important;
} }
.repository.file.editor .tab[data-tab="write"] .CodeMirror { .repository.file.editor .tab[data-tab="write"] .CodeMirror {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 0; border-bottom: 0;
} }
.editor-toolbar { .editor-toolbar {
opacity: 1 !important; opacity: 1 !important;
} }
.editor-toolbar a:not(:hover) { .editor-toolbar a:not(:hover) {
background-color: transparent !important; background-color: transparent !important;
} }
.editor-toolbar i.separator { .editor-toolbar i.separator {
border-left: none; border-left: none;
} }
.editor-loading { .editor-loading {
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
} }
.edit-diff { .edit-diff {
padding: 0 !important; padding: 0 !important;
} }
.edit-diff > div > .ui.table { .edit-diff > div > .ui.table {
border-top: none !important; border-top: none !important;
border-bottom: none !important; border-bottom: none !important;
border-left: 1px solid #d4d4d5 !important; border-left: 1px solid #d4d4d5 !important;
border-right: 1px solid #d4d4d5 !important; border-right: 1px solid #d4d4d5 !important;
} }
#edit_area { #edit_area {
display: none; display: none;
} }
.monaco-editor-container { .monaco-editor-container {
width: 100%; width: 100%;
min-height: 200px; min-height: 200px;
height: 90vh; height: 90vh;
} }
/* overwrite conflicting styles from fomantic */ /* overwrite conflicting styles from fomantic */
.monaco-editor-container .inputarea { .monaco-editor-container .inputarea {
min-height: 0 !important; min-height: 0 !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
resize: none !important; resize: none !important;
border: none !important; border: none !important;
color: transparent !important; color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }

184
web_src/less/_explore.less
View file

@ -1,111 +1,111 @@
.explore { .explore {
padding-top: 15px; padding-top: 15px;
.navbar { .navbar {
justify-content: center; justify-content: center;
padding-top: 15px !important; padding-top: 15px !important;
margin-top: -15px !important; margin-top: -15px !important;
margin-bottom: 15px !important; margin-bottom: 15px !important;
background-color: #fafafa !important; background-color: #fafafa !important;
border-width: 1px !important; border-width: 1px !important;
.svg { .svg {
width: 16px; width: 16px;
text-align: center; text-align: center;
margin-right: 5px; margin-right: 5px;
}
} }
}
} }
.ui.repository.list { .ui.repository.list {
.item { .item {
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
padding-top: 25px; 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.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 { .ui.repository.branches {
.info { .info {
font-size: 12px; font-size: 12px;
color: #808080; color: #808080;
display: flex; display: flex;
white-space: pre; white-space: pre;
.commit-message { .commit-message {
max-width: 72em; max-width: 72em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
}
}
.overflow-visible {
overflow: visible;
} }
}
.overflow-visible {
overflow: visible;
}
} }
.ui.user.list { .ui.user.list {
.item { .item {
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
padding-top: 25px; 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;
}
}
}
} }
.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;
}
}
}
}
} }

386
web_src/less/_form.less
View file

@ -1,117 +1,117 @@
.form { .form {
.help { .help {
color: #999999; color: #999999;
padding-top: .6em; padding-top: .6em;
padding-bottom: .6em; padding-bottom: .6em;
display: inline-block; display: inline-block;
} }
} }
.ui.attached.header { .ui.attached.header {
background: #f0f0f0; background: #f0f0f0;
.right { .right {
margin-top: -5px; margin-top: -5px;
.button { .button {
padding: 8px 10px; padding: 8px 10px;
font-weight: normal; font-weight: normal;
}
} }
}
} }
@create-page-form-input-padding: 250px !important; @create-page-form-input-padding: 250px !important;
#create-page-form { #create-page-form {
form { form {
margin: auto; margin: auto;
.ui.message { .ui.message {
text-align: center; 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;
}
}
} }
@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 { .signin {
.oauth2 { .oauth2 {
div { div {
display: inline-block; display: inline-block;
p { p {
margin: 10px 5px 0 0; margin: 10px 5px 0 0;
float: left; float: left;
} }
}
a {
margin-right: 3px;
&:last-child {
margin-right: 0;
}
}
img {
width: 32px;
height: 32px;
&.openidConnect {
width: auto;
}
}
} }
a {
margin-right: 3px;
&:last-child {
margin-right: 0;
}
}
img {
width: 32px;
height: 32px;
&.openidConnect {
width: auto;
}
}
}
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.g-recaptcha { .g-recaptcha {
margin: 0 auto !important; margin: 0 auto !important;
width: 304px; width: 304px;
padding-left: 30px; padding-left: 30px;
} }
} }
@media screen and (max-height: 575px) { @media screen and (max-height: 575px) {
#rc-imageselect, #rc-imageselect,
.g-recaptcha { .g-recaptcha {
transform: scale(.77); transform: scale(.77);
transform-origin: 0 0; transform-origin: 0 0;
} }
} }
.user.activate, .user.activate,
@ -119,132 +119,132 @@
.user.reset.password, .user.reset.password,
.user.signin, .user.signin,
.user.signup { .user.signup {
@input-padding: 200px; @input-padding: 200px;
#create-page-form; #create-page-form;
form { form {
width: 700px !important; width: 700px !important;
.header { .header {
padding-left: 0 !important; padding-left: 0 !important;
text-align: center; 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;
}
} }
.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 { .repository {
&.new.repo, &.new.repo,
&.new.migrate, &.new.migrate,
&.new.fork { &.new.fork {
#create-page-form; #create-page-form;
form { form {
.dropdown { .dropdown {
.dropdown.icon { .dropdown.icon {
margin-top: -7px !important; margin-top: -7px !important;
padding-bottom: 5px; 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%;
}
}
} }
}
&.new.repo { .text {
.ui.form { margin-right: 0 !important;
@media only screen and (min-width: 768px) {
#auto-init {
margin-left: @create-page-form-input-padding+15px;
}
}
.selection.dropdown:not(.owner) { i {
width: 50% !important; margin-right: 0 !important;
}
@media only screen and (max-width: 768px) {
width: 100% !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 { .new.webhook {
form { form {
.help { .help {
margin-left: 25px; margin-left: 25px;
}
} }
}
.events.fields { .events.fields {
.column { .column {
padding-left: 40px; padding-left: 40px;
}
} }
}
} }
.githook { .githook {
textarea { textarea {
font-family: @monospaced-fonts, monospace; font-family: @monospaced-fonts, monospace;
} }
} }
.new.org .ui.form { .new.org .ui.form {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.field button, .field button,
.field a { .field a {
margin-bottom: 1em; margin-bottom: 1em;
width: 100%; width: 100%;
}
.field input {
width: 100% !important;
}
} }
.field input {
width: 100% !important;
}
}
} }

94
web_src/less/_home.less
View file

@ -1,65 +1,65 @@
.home { .home {
.logo { .logo {
max-width: 220px; 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 (min-width: 768px) {
@media only screen and (max-width: 767px) { h1 {
h1 { font-size: 5.5em;
font-size: 3.5em; }
}
h2 { h2 {
font-size: 2em; font-size: 3em;
} }
}
@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;
}
} }
p.large { .svg {
font-size: 16px; color: #5aa509;
height: 40px;
width: 50px;
vertical-align: bottom;
} }
.stackable { &.header {
padding-top: 30px; font-size: 20px;
} }
}
a { p.large {
color: #5aa509; font-size: 16px;
} }
.stackable {
padding-top: 30px;
}
a {
color: #5aa509;
}
} }
.signup { .signup {
padding-top: 15px; padding-top: 15px;
} }
footer { footer {
.ui.container .left, .ui.container .left,
.ui.container .right { .ui.container .right {
@media only screen and (max-width: 880px) { @media only screen and (max-width: 880px) {
display: block; display: block;
text-align: center; text-align: center;
float: none; float: none;
}
} }
}
} }

62
web_src/less/_install.less
View file

@ -1,38 +1,38 @@
.install { .install {
padding-top: 45px; padding-top: 45px;
form { form {
@input-padding: 320px !important; @input-padding: 320px !important;
label { label {
text-align: right; text-align: right;
width: @input-padding; width: @input-padding;
}
input {
width: 35% !important;
}
.field {
text-align: left;
.help {
margin-left: @input-padding+15px;
}
&.optional .title {
margin-left: 38%;
}
}
} }
.ui { input {
.checkbox { width: 35% !important;
margin-left: 40% !important;
label {
width: auto !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;
}
}
}
} }

990
web_src/less/_markdown.less
View file

File diff suppressed because it is too large Load diff

370
web_src/less/_organization.less
View file

@ -1,212 +1,212 @@
.organization { .organization {
padding-top: 15px; padding-top: 15px;
.head { .head {
.ui.header { .ui.header {
.text { .text {
vertical-align: middle; vertical-align: middle;
font-size: 1.6rem; font-size: 1.6rem;
margin-left: 15px; margin-left: 15px;
} }
.ui.right { .ui.right {
margin-top: 5px; 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 { #org-info {
#create-page-form; .ui.header {
font-size: 36px;
margin-bottom: 0;
}
form { .desc {
.header { font-size: 16px;
padding-left: 0 !important; margin-bottom: 10px;
text-align: center; }
}
.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 { 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 { .repositories,
#org-avatar { .members {
width: 100px; .item {
height: 100px; padding: 10px 20px;
margin-right: 15px; line-height: 32px;
&:not(:last-child) {
border-bottom: 1px solid #dddddd;
} }
#org-info { .button {
.ui.header { padding: 9px 10px;
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;
}
} }
}
} }
&.teams, #add-repo-form,
&.profile { #repo-multiple-form,
.members { #add-member-form {
.ui.avatar { input {
width: 48px; margin-left: 0;
height: 48px; }
margin-right: 5px;
} .ui.button {
} margin-left: 5px;
margin-top: -3px;
}
} }
&.invite { #repo-top-segment {
#invite-box { height: 60px;
margin: 50px auto auto;
width: 500px !important;
#search-user-box {
input {
margin-left: 0;
width: 300px;
}
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
}
} }
}
&.members { &.settings {
.list { .labelspage {
.item { list-style: none;
margin-left: 0; padding-top: 0;
margin-right: 0;
border-bottom: 1px solid #eeeeee;
.ui.avatar { .item {
width: 48px; margin-top: 0;
height: 48px; margin-right: -14px;
} margin-left: -14px !important;
padding: 10px;
.meta { border-bottom: 1px solid #e1e4e8;
line-height: 24px; border-top: none;
}
}
}
}
&.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;
}
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;
}
} }
}
} }

5588
web_src/less/_repository.less
View file

File diff suppressed because it is too large Load diff

274
web_src/less/_review.less
View file

@ -1,193 +1,193 @@
.ui.button.add-code-comment { .ui.button.add-code-comment {
font-size: 14px; font-size: 14px;
height: 16px; height: 16px;
line-height: 16px !important; line-height: 16px !important;
padding: 0; padding: 0;
position: relative; position: relative;
width: 16px; width: 16px;
z-index: 5; z-index: 5;
float: left; float: left;
margin: 2px -10px 2px -20px; margin: 2px -10px 2px -20px;
opacity: 0; opacity: 0;
transition: transform .1s ease-in-out; transition: transform .1s ease-in-out;
transform: scale(1, 1); transform: scale(1, 1);
&:hover { &:hover {
transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);
} }
} }
.add-comment-left.add-comment-right .ui.attached.header { .add-comment-left.add-comment-right .ui.attached.header {
border: 1px solid #d4d4d5; border: 1px solid #d4d4d5;
margin-top: .5em; margin-top: .5em;
&:not(.top) { &:not(.top) {
margin-bottom: .5em; margin-bottom: .5em;
} }
.show-outdated, .show-outdated,
.hide-outdated { .hide-outdated {
display: block; display: block;
margin-left: auto; margin-left: auto;
} }
} }
.focus-lines-new .ui.button.add-code-comment.add-code-comment-right, .focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
.focus-lines-old .ui.button.add-code-comment.add-code-comment-left { .focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
opacity: 1; opacity: 1;
} }
.comment-code-cloud { .comment-code-cloud {
padding: 4px; padding: 4px;
position: relative; position: relative;
border: 1px solid #f1f1f1; border: 1px solid #f1f1f1;
margin: 13px 10px 5px auto; margin: 13px 10px 5px auto;
&:before { &:before {
content: " "; content: " ";
width: 0; width: 0;
height: 0; height: 0;
border-left: 13px solid transparent; border-left: 13px solid transparent;
border-right: 13px solid transparent; border-right: 13px solid transparent;
border-bottom: 13px solid #f1f1f1; border-bottom: 13px solid #f1f1f1;
left: 20px; left: 20px;
position: absolute; position: absolute;
top: -13px; top: -13px;
}
.attached {
&.tab {
border: 0;
padding: 0;
margin: 0;
} }
.attached { &.header {
&.tab { padding: .1rem 1rem;
border: 0;
padding: 0;
margin: 0;
}
&.header { .text {
padding: .1rem 1rem; margin: 0;
}
}
}
.text { .right.menu.options .item {
margin: 0; 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 { .ui.right.floated {
padding: .85714286em .442857em; padding-top: 6px;
cursor: pointer;
} }
.ui.form textarea { &:after {
border: 0; clear: both;
content: "";
display: block;
} }
}
.ui.active.tab { button.comment-form-reply {
padding: .5em; margin: .5em .5em .5em 4.5em;
}
&.markdown { form.comment-form-reply {
padding: 1em; margin: 0 0 0 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;
}
} }
.file-comment { .file-comment {
font: 12px @monospaced-fonts, monospace; font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, .87); color: rgba(0, 0, 0, .87);
} }
a.fold-file { a.fold-file {
margin-right: 10px; margin-right: 10px;
color: inherit; color: inherit;
} }
a.blob-excerpt { a.blob-excerpt {
color: #575a68; color: #575a68;
height: 28px; height: 28px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
background: #daecfe; background: #daecfe;
} }
a.blob-excerpt:hover { a.blob-excerpt:hover {
background: #428bca; background: #428bca;
color: #fff; color: #fff;
} }
.btn-review > .dropdown.icon { .btn-review > .dropdown.icon {
width: auto; width: auto;
font-size: .85714286em; font-size: .85714286em;
margin: 0 0 0 1em; margin: 0 0 0 1em;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#review-box > .menu { #review-box > .menu {
> .ui.segment { > .ui.segment {
width: 94vw; width: 94vw;
}
.editor-toolbar {
overflow-x: auto;
}
} }
.editor-toolbar {
overflow-x: auto;
}
}
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: calc(100vw - 70px); max-width: calc(100vw - 70px);
} }
} }
@media only screen and (min-width: 768px) and (max-width: 992px) { @media only screen and (min-width: 768px) and (max-width: 992px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 700px; max-width: 700px;
} }
} }
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 800px; max-width: 800px;
} }
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 900px; max-width: 900px;
} }
} }

12
web_src/less/_svg.less
View file

@ -1,9 +1,9 @@
.svg { .svg {
display: inline-block; display: inline-block;
vertical-align: text-top; vertical-align: text-top;
fill: currentColor; fill: currentColor;
.middle & { .middle & {
vertical-align: middle; vertical-align: middle;
} }
} }

30
web_src/less/_tribute.less
View file

@ -1,42 +1,42 @@
@import "~tributejs/dist/tribute.css"; @import "~tributejs/dist/tribute.css";
.tribute-container { .tribute-container {
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
border-radius: .25rem; border-radius: .25rem;
} }
.tribute-container ul { .tribute-container ul {
margin-top: 0 !important; margin-top: 0 !important;
background: #ffffff !important; background: #ffffff !important;
} }
.tribute-container li { .tribute-container li {
padding: 3px .5rem !important; padding: 3px .5rem !important;
} }
.tribute-container li span.fullname { .tribute-container li span.fullname {
font-weight: normal; font-weight: normal;
font-size: .8rem; font-size: .8rem;
margin-left: 3px; margin-left: 3px;
} }
.tribute-container li.highlight, .tribute-container li.highlight,
.tribute-container li:hover { .tribute-container li:hover {
background: #2185d0 !important; background: #2185d0 !important;
color: #ffffff !important; color: #ffffff !important;
} }
.tribute-item { .tribute-item {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.tribute-item .emoji, .tribute-item .emoji,
.tribute-item img[src*="/avatar/"] { .tribute-item img[src*="/avatar/"] {
margin-right: .5rem; margin-right: .5rem;
} }
.tribute-container img { .tribute-container img {
width: 1.5rem !important; width: 1.5rem !important;
height: 1.5rem !important; height: 1.5rem !important;
} }

270
web_src/less/_user.less
View file

@ -1,163 +1,163 @@
.user { .user {
&:not(.icon) { &:not(.icon) {
padding-top: 15px; padding-top: 15px;
} }
&.profile { &.profile {
.ui.card { .ui.card {
.header, .header,
.username { .username {
display: block; 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 { .svg,
font-weight: 700; .fa {
font-size: 1.3rem; margin-left: 1px;
margin-top: -.2rem; margin-right: 5px;
line-height: 1.3rem;
} }
.extra.content { &.follow {
padding: 0; .ui.button {
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) {
width: 100%; width: 100%;
}
} }
}
} }
}
.ui.repository.list { #profile-avatar {
margin-top: 25px; img {
width: 100%;
} }
@media only screen and (max-width: 768px) {
height: 250px;
overflow: hidden;
#loading-heatmap { img {
margin-bottom: 1em; max-height: 768px;
} max-width: 768px;
.ui.secondary.stackable.pointing.menu { }
flex-wrap: wrap;
} }
}
@media only screen and (max-width: 768px) {
width: 100%;
}
} }
&.followers { .ui.repository.list {
.header.name { margin-top: 25px;
font-size: 20px;
line-height: 24px;
vertical-align: middle;
}
.follow {
.ui.button {
padding: 8px 15px;
}
}
} }
&.notification { #loading-heatmap {
.svg { margin-bottom: 1em;
float: left; }
font-size: 2em; .ui.secondary.stackable.pointing.menu {
flex-wrap: wrap;
}
}
&.green { &.followers {
color: #21ba45; .header.name {
} font-size: 20px;
line-height: 24px;
&.red { vertical-align: middle;
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;
}
}
} }
&.link-account:not(.icon) { .follow {
padding-top: 15px; .ui.button {
padding-bottom: 5px; padding: 8px 15px;
}
}
}
&.notification {
.svg {
float: left;
font-size: 2em;
&.green {
color: #21ba45;
}
&.red {
color: #d01919;
}
&.purple {
color: #a333c8;
}
&.blue {
color: #2185d0;
}
} }
&.settings { .content {
.iconFloat { float: left;
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 { .user-orgs {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
padding: 0; padding: 0;
margin: -3px !important; margin: -3px !important;
li { li {
display: flex; display: flex;
border-bottom: 0 !important; border-bottom: 0 !important;
padding: 3px !important; padding: 3px !important;
width: 20%; width: 20%;
max-width: 60px; max-width: 60px;
} }
} }

44
web_src/less/features/animations.less
View file

@ -1,34 +1,34 @@
@keyframes isloadingspin { @keyframes isloadingspin {
0% { transform: translate(-50%, -50%) rotate(0deg); } 0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }
} }
.is-loading { .is-loading {
background: transparent !important; background: transparent !important;
color: transparent !important; color: transparent !important;
border: transparent !important; border: transparent !important;
pointer-events: none !important; pointer-events: none !important;
position: relative !important; position: relative !important;
overflow: hidden !important; overflow: hidden !important;
} }
.is-loading:after { .is-loading:after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
animation: isloadingspin 500ms infinite linear; animation: isloadingspin 500ms infinite linear;
border-width: 4px; border-width: 4px;
border-style: solid; border-style: solid;
border-color: #ececec #ececec #666 #666; border-color: #ececec #ececec #666 #666;
border-radius: 100%; border-radius: 100%;
} }
.markdown pre.is-loading, .markdown pre.is-loading,
.editor-loading.is-loading { .editor-loading.is-loading {
height: 12rem; height: 12rem;
} }

476
web_src/less/features/gitgraph.less
View file

@ -1,256 +1,256 @@
#git-graph-container { #git-graph-container {
float: left; float: left;
display: block; 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; overflow-x: auto;
float: left;
}
#rev-container {
width: 100%; width: 100%;
}
.color-buttons { #rev-list {
margin-right: 0; margin: 0;
padding: 0 5px;
min-width: 95%;
li.highlight,
li.hover {
background-color: rgba(0, 0, 0, .05);
} }
.ui.header.dividing { li.highlight.hover {
padding-bottom: 10px; background-color: rgba(0, 0, 0, .1);
}
}
#graph-raw-list {
margin: 0;
}
&.monochrome #rel-container {
.flow-group {
stroke: grey;
fill: grey;
} }
li { .flow-group.highlight {
list-style-type: none; stroke: black;
height: 20px; fill: black;
line-height: 20px; }
white-space: nowrap; }
.node-relation { &:not(.monochrome) #rel-container {
font-family: "Bitstream Vera Sans Mono", "Courier", monospace; .flow-group {
} &.flow-color-16-1 {
stroke: #499a37;
fill: #499a37;
}
.author { &.flow-color-16-2 {
color: #666666; stroke: hsl(356, 58%, 54%);
} fill: #ce4751;
}
.time { &.flow-color-16-3 {
color: #999999; stroke: #8f9121;
font-size: 80%; fill: #8f9121;
} }
a { &.flow-color-16-4 {
color: #000000; stroke: #ac32a6;
} fill: #ac32a6;
}
a:hover { &.flow-color-16-5 {
text-decoration: underline; stroke: #3d27aa;
} fill: #3d27aa;
}
a em { &.flow-color-16-6 {
color: #bb0000; stroke: #c67d28;
border-bottom: 1px dotted #bbbbbb; fill: #c67d28;
text-decoration: none; }
font-style: normal;
} &.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 { .flow-group.highlight {
max-width: 30%; &.flow-color-16-1 {
overflow-x: auto; stroke: #5ac144;
float: left; fill: #5ac144;
} }
#rev-container { &.flow-color-16-2 {
width: 100%; stroke: #ed5a8b;
} fill: #ed5a8b;
}
#rev-list {
margin: 0; &.flow-color-16-3 {
padding: 0 5px; stroke: #ced049;
min-width: 95%; fill: #ced048;
}
li.highlight,
li.hover { &.flow-color-16-4 {
background-color: rgba(0, 0, 0, .05); stroke: #db61d7;
} fill: #db62d6;
}
li.highlight.hover {
background-color: rgba(0, 0, 0, .1); &.flow-color-16-5 {
} stroke: #4e33d1;
} fill: #4f35d1;
}
#graph-raw-list {
margin: 0; &.flow-color-16-6 {
} stroke: #e6a151;
fill: #e6a151;
&.monochrome #rel-container { }
.flow-group {
stroke: grey; &.flow-color-16-7 {
fill: grey; stroke: #44daaa;
} fill: #44daaa;
}
.flow-group.highlight {
stroke: black; &.flow-color-16-8 {
fill: black; stroke: #dd7a5c;
} fill: #dd7a5c;
} }
&:not(.monochrome) #rel-container { &.flow-color-16-9 {
.flow-group { stroke: #38859c;
&.flow-color-16-1 { fill: #38859c;
stroke: #499a37; }
fill: #499a37;
} &.flow-color-16-10 {
stroke: #d95520;
&.flow-color-16-2 { fill: #d95520;
stroke: hsl(356, 58%, 54%); }
fill: #ce4751;
} &.flow-color-16-11 {
stroke: #42ae68;
&.flow-color-16-3 { fill: #42ae68;
stroke: #8f9121; }
fill: #8f9121;
} &.flow-color-16-12 {
stroke: #9126b5;
&.flow-color-16-4 { fill: #9126b5;
stroke: #ac32a6; }
fill: #ac32a6;
} &.flow-color-16-13 {
stroke: #4ab080;
&.flow-color-16-5 { fill: #4ab080;
stroke: #3d27aa; }
fill: #3d27aa;
} &.flow-color-16-14 {
stroke: #284fb8;
&.flow-color-16-6 { fill: #284fb8;
stroke: #c67d28; }
fill: #c67d28;
} &.flow-color-16-15 {
stroke: #971c80;
&.flow-color-16-7 { fill: #971c80;
stroke: #4db392; }
fill: #4db392;
} &.flow-color-16-0 {
stroke: #87ca28;
&.flow-color-16-8 { fill: #87ca28;
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;
}
}
} }
}
} }

12
web_src/less/markdown/mermaid.less
View file

@ -1,12 +1,12 @@
.mermaid-chart { .mermaid-chart {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
margin: 1rem 0; margin: 1rem 0;
} }
/* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */ /* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */
body > div[id*="mermaid-"] { body > div[id*="mermaid-"] {
display: none !important; display: none !important;
} }

1436
web_src/less/themes/theme-arc-green.less
View file

File diff suppressed because it is too large Load diff