MieuxVoter
/
gitea-fork-majority-judgment
mirror of https://github.com/domi41/gitea.git
4
0
Fork 0
Code Issues 9 Releases Wiki Polls Activity
Browse Source

Reindent Less to 2-space (#12602) 

Reindent and unify codebase to 2-space indentation.
mj-v1.14.3
silverwind 2 years ago
committed by GitHub
parent
e90e122b39
commit
eb4db0445b
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
22 changed files with 5843 additions and 5849 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 22
      .editorconfig
  2. 2
      .stylelintrc
  3. 142
      web_src/less/_admin.less
  4. 1650
      web_src/less/_base.less
  5. 178
      web_src/less/_chroma.less
  6. 332
      web_src/less/_dashboard.less
  7. 68
      web_src/less/_editor.less
  8. 160
      web_src/less/_explore.less
  9. 350
      web_src/less/_form.less
  10. 92
      web_src/less/_home.less
  11. 52
      web_src/less/_install.less
  12. 950
      web_src/less/_markdown.less
  13. 354
      web_src/less/_organization.less
  14. 4820
      web_src/less/_repository.less
  15. 270
      web_src/less/_review.less
  16. 12
      web_src/less/_svg.less
  17. 30
      web_src/less/_tribute.less
  18. 260
      web_src/less/_user.less
  19. 44
      web_src/less/features/animations.less
  20. 466
      web_src/less/features/gitgraph.less
  21. 12
      web_src/less/markdown/mermaid.less
  22. 1426
      web_src/less/themes/theme-arc-green.less

22
.editorconfig
View File

@ -1,28 +1,22 @@
root = true
[*]
indent_style = space
indent_size = 2
tab_width = 2
end_of_line = lf
charset = utf-8
insert_final_newline = true
trim_trailing_whitespace = true
end_of_line = lf
[*.md]
trim_trailing_whitespace = false
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

2
.stylelintrc
View File

@ -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

142
web_src/less/_admin.less
View File

@ -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(.striped) {
thead {
th:last-child {
padding-right: 5px !important;
}
}
}
&:not(.select) {
th,
td {
&:first-of-type {
padding-left: 15px !important;
}
}
}
th {
padding-top: 5px;
padding-bottom: 5px;
}
form tbody button[type='submit'] {
padding: 5px 8px;
&:not(.select) {
th,
td {
&:first-of-type {
padding-left: 15px !important;
}
}
}
.ui.header,
.ui.segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
form tbody button[type='submit'] {
padding: 5px 8px;
}
}
&.user {
.email {
max-width: 200px;
}
}
.ui.header,
.ui.segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
&.user {
.email {
max-width: 200px;
}
}
dd {
margin-left: 275px;
}
dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
dt {
font-weight: bolder;
float: left;
width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
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;
}
}
}
}

1650
web_src/less/_base.less
File diff suppressed because it is too large
View File

178
web_src/less/_chroma.less
View File

@ -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;
}

332
web_src/less/_dashboard.less
View File

@ -1,210 +1,210 @@
.dashboard {
padding-top: 15px;
padding-top: 15px;
&.feeds,
&.issues {
.context.user.menu {
z-index: 101;
min-width: 200px;
.ui.header {
font-size: 1rem;
text-transform: none;
}
}
&.feeds,
&.issues {
.context.user.menu {
z-index: 101;
min-width: 200px;
.filter.menu {
width: initial;
.ui.header {
font-size: 1rem;
text-transform: none;
}
}
.item {
text-align: left;
.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;
}
}
}
.text {
height: 16px;
vertical-align: middle;
// Sort
.jump.item {
margin: 1px;
padding-right: 0;
}
&.truncate {
width: 75%;
}
}
.menu {
max-height: 300px;
overflow-x: auto;
right: 0 !important;
left: auto !important;
}
.floating.label {
top: 7px;
left: 90%;
width: 15%;
@media only screen and (max-width: 768px) {
width: 100%;
}
@media only screen and (max-width: 768px) {
top: 10px;
left: auto;
width: auto;
right: 13px;
}
}
}
.right.stackable.menu > .item.active {
color: #d9453d;
}
}
// Sort
.jump.item {
margin: 1px;
padding-right: 0;
}
/* Accomodate for Semantic's 1px hacks on .attached elements */
.menu {
max-height: 300px;
overflow-x: auto;
right: 0 !important;
left: auto !important;
}
.dashboard-repos {
margin: 0 1px;
@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;
}
img {
align-self: flex-start;
}
}
li > * + * {
margin-left: .35rem;
}
line-height: 1.2;
line-height: 1.2;
> .ui.grid {
margin-left: auto;
margin-right: auto;
}
> .ui.grid {
margin-left: auto;
margin-right: auto;
}
.ui.avatar {
margin-top: 13px;
}
.ui.avatar {
margin-top: 13px;
}
.time-since {
font-size: 13px;
}
.time-since {
font-size: 13px;
}
.issue.title {
width: 80%;
}
.issue.title {
width: 80%;
}
.push.news .content ul {
line-height: 18px;
font-size: 13px;
list-style: none;
padding-left: 10px;
.push.news .content ul {
line-height: 18px;
font-size: 13px;
list-style: none;
padding-left: 10px;
.text.truncate {
width: 80%;
}
}
.text.truncate {
width: 80%;
}
}
.commit-id {
font-family: @monospaced-fonts, monospace;
}
.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;
}
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;
}
}
.list {
.header {
.ui.label {
margin-top: -4px;
padding: 4px 5px;
font-weight: normal;
}
ul {
list-style: none;
margin: 0;
padding-left: 0;
.plus.icon {
margin-top: 5px;
}
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;
&.private {
background-color: #fcf8e9;
}
.svg {
color: #888888;
a {
padding: 6px 1.2em;
display: block;
&.rear {
font-size: 15px;
}
}
.svg {
color: #888888;
.star-num {
font-size: 12px;
}
}
&.rear {
font-size: 15px;
}
}
}
#privateFilterCheckbox .svg {
color: #888888;
margin-right: .25rem;
.star-num {
font-size: 12px;
}
}
}
}
.repo-owner-name-list {
.item-name {
max-width: 70%;
margin-bottom: -4px;
}
}
#privateFilterCheckbox .svg {
color: #888888;
margin-right: .25rem;
}
#collaborative-repo-list {
.owner-and-repo {
max-width: 80%;
margin-bottom: -5px;
}
.repo-owner-name-list {
.item-name {
max-width: 70%;
margin-bottom: -4px;
}
}
.owner-name {
max-width: 120px;
margin-bottom: -5px;
}
}
#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 {
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;
}

160
web_src/less/_explore.less
View File

@ -1,111 +1,111 @@
.explore {
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;
.svg {
width: 16px;
text-align: center;
margin-right: 5px;
}
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;
.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;
}
&:not(:first-child) {
border-top: 1px solid #eeeeee;
padding-top: 25px;
}
.ui.header {
font-size: 1.5rem;
padding-bottom: 10px;
.ui.header {
font-size: 1.5rem;
padding-bottom: 10px;
.name {
word-break: break-all;
}
.name {
word-break: break-all;
}
.metas {
color: #888888;
font-size: 14px;
font-weight: normal;
.metas {
color: #888888;
font-size: 14px;
font-weight: normal;
span:not(:last-child) {
margin-right: 5px;
}
}
span:not(:last-child) {
margin-right: 5px;
}
}
}
.time {
font-size: 12px;
color: #808080;
}
.time {
font-size: 12px;
color: #808080;
}
.ui.tags {
margin-bottom: 1em;
}
.ui.tags {
margin-bottom: 1em;
}
.ui.avatar.image {
width: 24px;
height: 24px;
}
.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;
}
&:not(:first-child) {
border-top: 1px solid #eeeeee;
padding-top: 25px;
}
.ui.avatar.image {
width: 40px;
height: 40px;
}
.ui.avatar.image {
width: 40px;
height: 40px;
}
.description {
margin-top: 5px;
.description {
margin-top: 5px;
.svg:not(:first-child) {
margin-left: 5px;
}
.svg:not(:first-child) {
margin-left: 5px;
}
a {
color: #333333;
a {
color: #333333;
&:hover {
text-decoration: underline;
}
}
&:hover {
text-decoration: underline;
}
}
}
}
}

350
web_src/less/_form.less
View File

@ -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;
}
.ui.message {
text-align: center;
}
@media only screen and (min-width: 768px) {
width: 800px !important;
@media only screen and (min-width: 768px) {
width: 800px !important;
.header {
padding-left: @create-page-form-input-padding+30px;
}
.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;
}
.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;
}
.help {
margin-left: @create-page-form-input-padding+15px;
}
.optional .title {
margin-left: @create-page-form-input-padding;
}
.optional .title {
margin-left: @create-page-form-input-padding;
}
input,
textarea {
width: 50% !important;
}
}
input,
textarea {
width: 50% !important;
}
}
@media only screen and (max-width: 767px) {
.optional .title {
margin-left: 15px;
}
@media only screen and (max-width: 767px) {
.optional .title {
margin-left: 15px;
}
.inline.field > label {
display: block;
}
}
.inline.field > label {
display: block;
}
}
}
}
.signin {
.oauth2 {
div {
display: inline-block;
p {
margin: 10px 5px 0 0;
float: left;
}
}
.oauth2 {
div {
display: inline-block;
p {
margin: 10px 5px 0 0;
float: left;
}
}
a {
margin-right: 3px;
a {
margin-right: 3px;
&:last-child {
margin-right: 0;
}
}
&:last-child {
margin-right: 0;
}
}
img {
width: 32px;
height: 32px;
img {
width: 32px;
height: 32px;
&.openidConnect {
width: auto;
}
}
&.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;
@input-padding: 200px;
#create-page-form;
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;
}
}
}
.repository {
&.new.repo,
&.new.migrate,
&.new.fork {
#create-page-form;
form {
width: 700px !important;
.header {
padding-left: 0 !important;
text-align: center;
.dropdown {
.dropdown.icon {
margin-top: -7px !important;
padding-bottom: 5px;
}
.inline.field > label {
width: @input-padding;
}
.text {
margin-right: 0 !important;
.inline.field > label,
input {
@media only screen and (max-width: 768px) {
width: 100% !important;
}
i {
margin-right: 0 !important;
}
}
}
input[type=number] {
-moz-appearance: textfield;
}
.header {
padding-left: 0 !important;
text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
@media only screen and (max-width: 768px) {
label,
input,
.selection.dropdown {
width: 100% !important;
}
}
}
.repository {
&.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%;
}
}
.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;
}
}
&.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;
.selection.dropdown:not(.owner) {
width: 50% !important;
@media only screen and (max-width: 768px) {
width: 100% !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%;
}
@media only screen and (max-width: 768px) {
.field button,
.field a {
margin-bottom: 1em;
width: 100%;
}
.field input {
width: 100% !important;
}
.field input {
width: 100% !important;
}
}
}

92
web_src/less/_home.less
View File

@ -1,65 +1,65 @@
.home {
.logo {
max-width: 220px;
}
.hero {
@media only screen and (max-width: 767px) {
h1 {
font-size: 3.5em;
}
.logo {
max-width: 220px;
}
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: 3em;
}
}
h2 {
font-size: 2em;
}
}
.svg {
color: #5aa509;
height: 40px;
width: 50px;
vertical-align: bottom;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 5.5em;
}
&.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;
}
}
}

52
web_src/less/_install.less
View File

@ -1,38 +1,38 @@
.install {
padding-top: 45px;
padding-top: 45px;
form {
@input-padding: 320px !important;
form {
@input-padding: 320px !important;
label {