2015-07-24 04:50:05 +08:00
|
|
|
.repository {
|
2020-08-26 03:48:53 +08:00
|
|
|
.repo-header {
|
|
|
|
|
.ui.compact.menu {
|
|
|
|
|
margin-left: 1rem;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.header {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.fork-flag {
|
|
|
|
|
font-size: 12px;
|
2020-12-08 12:14:28 +08:00
|
|
|
margin-top: 2px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.repo-buttons .svg {
|
|
|
|
|
margin: 0 .42857143em 0 -.21428571em;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-12-01 09:45:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.button {
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
margin-bottom: 2px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-08-14 06:49:38 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.tabs {
|
2017-10-27 12:30:54 +08:00
|
|
|
.navbar {
|
2020-08-26 03:48:53 +08:00
|
|
|
justify-content: initial;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.navbar {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
.ui.label {
|
|
|
|
|
margin-left: 7px;
|
|
|
|
|
padding: 3px 5px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-08-14 06:49:38 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.owner.dropdown {
|
|
|
|
|
min-width: 40% !important;
|
|
|
|
|
}
|
|
|
|
|
|
2022-01-07 09:18:52 +08:00
|
|
|
.unicode-escaped .escaped-code-point {
|
|
|
|
|
&[data-escaped]::before {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
content: attr(data-escaped);
|
|
|
|
|
font-family: var(--fonts-monospace);
|
|
|
|
|
color: var(--color-red);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.char {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.broken-code-point {
|
|
|
|
|
font-family: var(--fonts-monospace);
|
2022-08-14 02:32:34 +08:00
|
|
|
color: var(--color-blue);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unicode-escaped .ambiguous-code-point {
|
|
|
|
|
border: 1px var(--color-yellow) solid;
|
2022-01-07 09:18:52 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.metas {
|
|
|
|
|
.menu {
|
|
|
|
|
overflow-x: auto;
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
max-height: 500px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.list {
|
|
|
|
|
&.assignees .icon {
|
|
|
|
|
line-height: 2em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-13 03:55:13 +08:00
|
|
|
&.assignees .teamavatar {
|
|
|
|
|
margin-top: .125rem;
|
|
|
|
|
margin-left: 6.75px;
|
|
|
|
|
margin-right: 8.75px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-14 09:16:46 +08:00
|
|
|
.dependency {
|
2020-08-26 03:48:53 +08:00
|
|
|
padding: 0;
|
2020-11-11 02:28:07 +08:00
|
|
|
white-space: nowrap;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
.title {
|
|
|
|
|
max-width: 200px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaLgAndDown {
|
2020-11-11 02:28:07 +08:00
|
|
|
.title {
|
|
|
|
|
max-width: 150px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
@media (max-width: 1000px) {
|
|
|
|
|
.title {
|
|
|
|
|
max-width: 100px;
|
2017-12-31 08:47:52 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-12-31 08:47:52 +08:00
|
|
|
}
|
2015-11-14 17:34:01 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#deadlineForm input {
|
|
|
|
|
width: 12.8rem;
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
border-right: 0;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.header-wrapper {
|
2020-11-27 03:33:28 +08:00
|
|
|
background-color: var(--color-navbar);
|
2020-06-16 01:26:10 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.tabs.divider {
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.tabular .svg {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.filter.menu {
|
|
|
|
|
&.labels {
|
|
|
|
|
.label-filter .menu .info {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: .5rem .25rem;
|
2020-11-29 14:22:04 +08:00
|
|
|
border-bottom: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
font-size: 12px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
2018-07-16 20:43:00 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
code {
|
2020-11-29 14:22:04 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-radius: 3px;
|
|
|
|
|
padding: 1px 2px;
|
|
|
|
|
font-size: 11px;
|
2018-07-16 20:43:00 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.menu {
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
max-height: 500px;
|
2020-08-26 03:48:53 +08:00
|
|
|
overflow-x: auto;
|
|
|
|
|
right: 0 !important;
|
|
|
|
|
left: auto !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.select-label {
|
|
|
|
|
.desc {
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
padding-left: 23px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.tabs {
|
|
|
|
|
&.container {
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
margin-bottom: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.menu {
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.divider {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-10-24 00:29:14 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#clone-panel {
|
2022-08-08 07:15:11 +08:00
|
|
|
#repo-clone-url {
|
|
|
|
|
width: 320px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2022-08-08 07:15:11 +08:00
|
|
|
@media @mediaMd {
|
|
|
|
|
width: 200px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
width: 200px;
|
|
|
|
|
}
|
2018-03-13 10:03:55 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-29 23:52:11 +08:00
|
|
|
#repo-clone-https,
|
2021-04-13 08:10:57 +08:00
|
|
|
#repo-clone-ssh {
|
2020-11-29 23:52:11 +08:00
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
|
2022-11-12 01:02:50 +08:00
|
|
|
#more-btn {
|
2021-04-13 08:10:57 +08:00
|
|
|
border-left: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button:first-of-type {
|
|
|
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button:last-of-type {
|
|
|
|
|
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.dropdown .menu {
|
|
|
|
|
right: 0 !important;
|
|
|
|
|
left: auto !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.file.list {
|
|
|
|
|
.repo-description {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-11-14 17:34:01 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#repo-desc {
|
|
|
|
|
font-size: 1.2em;
|
|
|
|
|
}
|
2015-11-14 17:34:01 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.choose.reference {
|
|
|
|
|
.header .icon {
|
|
|
|
|
font-size: 1.4em;
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.repo-path {
|
2015-11-14 17:34:01 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.section,
|
|
|
|
|
.divider {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#repo-files-table {
|
2023-02-24 04:28:18 +08:00
|
|
|
table-layout: fixed;
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
thead {
|
|
|
|
|
th {
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
font-weight: normal;
|
2017-10-27 14:10:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.avatar {
|
|
|
|
|
margin-bottom: 5px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2016-08-15 16:42:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
tbody {
|
|
|
|
|
.svg {
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
margin-right: 5px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.octicon-reply {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-04-01 08:15:46 +08:00
|
|
|
&.octicon-file-directory-fill,
|
2020-08-26 03:48:53 +08:00
|
|
|
&.octicon-file-submodule {
|
2020-10-31 11:52:10 +08:00
|
|
|
color: var(--color-primary);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2021-12-04 21:17:22 +08:00
|
|
|
|
|
|
|
|
&.octicon-file,
|
|
|
|
|
&.octicon-file-symlink-file {
|
|
|
|
|
color: var(--color-secondary-dark-7);
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2016-08-15 16:42:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
td {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
overflow: initial;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.name {
|
2022-07-05 19:33:05 +08:00
|
|
|
@media @mediaXl {
|
|
|
|
|
max-width: 150px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaLg {
|
|
|
|
|
max-width: 200px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaMd {
|
|
|
|
|
max-width: 300px;
|
|
|
|
|
}
|
|
|
|
|
width: 33%;
|
|
|
|
|
|
|
|
|
|
max-width: calc(100vw - 140px);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.message {
|
2022-07-22 18:49:24 +08:00
|
|
|
color: var(--color-text-light-1);
|
|
|
|
|
|
2022-07-05 19:33:05 +08:00
|
|
|
@media @mediaXl {
|
|
|
|
|
max-width: 400px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaLg {
|
|
|
|
|
max-width: 350px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaMd {
|
|
|
|
|
max-width: 250px;
|
|
|
|
|
}
|
|
|
|
|
width: 66%;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2016-08-15 16:42:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.age {
|
|
|
|
|
width: 120px;
|
2022-07-22 18:49:24 +08:00
|
|
|
color: var(--color-text-light-1);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 23:52:44 +08:00
|
|
|
.truncate {
|
2020-08-28 04:45:37 +08:00
|
|
|
display: inline-block;
|
2020-08-26 03:48:53 +08:00
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
2020-08-26 23:52:44 +08:00
|
|
|
width: 100%;
|
2020-08-28 04:45:37 +08:00
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 8px;
|
2020-08-26 23:52:44 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.at {
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
margin-right: 3px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-09-10 17:03:30 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> * {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-09-10 17:03:30 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
td.message .isSigned {
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
2019-09-10 17:03:30 +08:00
|
|
|
|
2021-03-19 02:05:26 +08:00
|
|
|
tr:last-of-type {
|
|
|
|
|
td:first-child {
|
|
|
|
|
border-bottom-left-radius: var(--border-radius);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td:last-child {
|
|
|
|
|
border-bottom-right-radius: var(--border-radius);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
tr:hover {
|
2022-09-23 11:00:29 +08:00
|
|
|
background-color: var(--color-hover);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-09-10 17:03:30 +08:00
|
|
|
|
2020-10-19 05:59:18 +08:00
|
|
|
tr.has-parent a {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
width: calc(100% - 1.25rem);
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.non-diff-file-content {
|
|
|
|
|
.header {
|
|
|
|
|
.icon {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.small.icon {
|
|
|
|
|
font-size: .75em;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.tiny.icon {
|
|
|
|
|
font-size: .5em;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-02 04:04:26 +08:00
|
|
|
.file-actions {
|
2020-08-26 03:48:53 +08:00
|
|
|
.btn-octicon {
|
|
|
|
|
line-height: 1;
|
2021-04-23 05:43:44 +08:00
|
|
|
padding: 10px 8px;
|
2020-08-26 03:48:53 +08:00
|
|
|
vertical-align: middle;
|
2021-04-23 05:43:44 +08:00
|
|
|
color: var(--color-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.btn-octicon:hover {
|
2020-11-16 04:58:16 +08:00
|
|
|
color: var(--color-primary);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.btn-octicon-danger:hover {
|
2021-04-23 05:43:44 +08:00
|
|
|
color: var(--color-red);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.btn-octicon.disabled {
|
2021-02-25 20:35:43 +08:00
|
|
|
color: inherit;
|
|
|
|
|
opacity: var(--opacity-disabled);
|
2020-08-26 03:48:53 +08:00
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.view-raw {
|
|
|
|
|
padding: 5px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-04-23 05:43:44 +08:00
|
|
|
> * {
|
2020-08-26 03:48:53 +08:00
|
|
|
max-width: 100%;
|
2021-04-23 05:43:44 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
img {
|
2021-04-23 05:43:44 +08:00
|
|
|
margin: 1rem 0;
|
2020-08-26 03:48:53 +08:00
|
|
|
border-radius: 0;
|
2021-04-23 05:43:44 +08:00
|
|
|
object-fit: contain;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2021-04-23 05:43:44 +08:00
|
|
|
|
2022-07-20 23:48:06 +08:00
|
|
|
img[src$='.svg' i] {
|
|
|
|
|
max-height: 600px !important;
|
|
|
|
|
max-width: 600px !important;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2016-08-15 16:42:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.plain-text {
|
|
|
|
|
padding: 1em 2em;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
pre {
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-02-22 07:04:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.csv {
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
2020-02-22 07:04:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
pre {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
2023-01-18 08:46:58 +08:00
|
|
|
|
|
|
|
|
.asciicast {
|
|
|
|
|
padding: 5px !important;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.sidebar {
|
|
|
|
|
padding-left: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.svg {
|
|
|
|
|
width: 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.file.editor {
|
|
|
|
|
.treepath {
|
|
|
|
|
width: 100%;
|
2016-08-15 16:42:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
input {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
box-shadow: rgba(0, 0, 0, .0745098) 0 1px 2px inset;
|
|
|
|
|
width: inherit;
|
|
|
|
|
padding: 7px 8px;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-14 12:11:22 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.tabular.menu {
|
|
|
|
|
.svg {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-04-30 04:08:04 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.commit-form-wrapper {
|
|
|
|
|
padding-left: 64px;
|
2019-08-16 06:09:50 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.commit-avatar {
|
|
|
|
|
float: left;
|
|
|
|
|
margin-left: -64px;
|
|
|
|
|
width: 3em;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
2015-08-12 18:44:09 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.commit-form {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 15px;
|
|
|
|
|
margin-bottom: 10px;
|
2020-11-16 21:53:04 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
2020-11-27 03:33:28 +08:00
|
|
|
background: var(--color-box-body);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-radius: 3px;
|
2020-12-27 22:24:27 +08:00
|
|
|
#avatar-arrow();
|
2015-08-12 18:44:09 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-11-27 03:33:28 +08:00
|
|
|
border-right-color: var(--color-box-body);
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-08-20 04:31:28 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.quick-pull-choice {
|
|
|
|
|
.branch-name {
|
|
|
|
|
display: inline-block;
|
2020-11-27 03:33:28 +08:00
|
|
|
padding: 2px 4px;
|
2020-10-20 04:01:06 +08:00
|
|
|
font: 12px var(--fonts-monospace);
|
2020-11-27 03:33:28 +08:00
|
|
|
color: var(--color-text);
|
|
|
|
|
background: var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-radius: 3px;
|
2020-11-27 03:33:28 +08:00
|
|
|
margin: 0 2px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.new-branch-name-input {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-left: 25px;
|
2016-02-02 09:55:12 +08:00
|
|
|
|
2017-10-27 12:30:54 +08:00
|
|
|
input {
|
2020-08-26 03:48:53 +08:00
|
|
|
width: 240px !important;
|
|
|
|
|
padding-left: 26px !important;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-08-03 17:42:09 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.octicon-git-branch {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 9px;
|
|
|
|
|
left: 10px;
|
2022-11-23 08:22:27 +08:00
|
|
|
color: var(--color-grey);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2015-08-03 17:42:09 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.options {
|
|
|
|
|
#interval {
|
|
|
|
|
width: 100px !important;
|
|
|
|
|
min-width: 100px;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.danger {
|
|
|
|
|
.item {
|
|
|
|
|
padding: 20px 15px;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.divider {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
@comment-avatar-width: 3em;
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment textarea {
|
|
|
|
|
max-height: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.new.issue {
|
|
|
|
|
.comment.form {
|
|
|
|
|
.comment {
|
|
|
|
|
.avatar {
|
|
|
|
|
width: @comment-avatar-width;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
margin-left: 4em;
|
2020-12-27 22:24:27 +08:00
|
|
|
#avatar-arrow();
|
2015-08-08 22:43:14 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-11-16 21:53:04 +08:00
|
|
|
border-right-color: var(--color-box-body);
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-05-07 16:43:41 +08:00
|
|
|
.markup {
|
2020-08-26 03:48:53 +08:00
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.metas {
|
|
|
|
|
min-width: 220px;
|
|
|
|
|
|
|
|
|
|
.filter.menu {
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
max-height: 500px;
|
2020-08-26 03:48:53 +08:00
|
|
|
overflow-x: auto;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-08-08 22:43:14 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.view.issue {
|
2020-12-15 14:09:24 +08:00
|
|
|
.instruct-toggle {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.title {
|
|
|
|
|
padding-bottom: 0 !important;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
.issue-title {
|
|
|
|
|
margin-bottom: .5rem;
|
2019-09-17 23:54:35 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
&.edit-active {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
h1 {
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaSm {
|
2020-10-25 00:48:08 +08:00
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
|
|
|
|
.ui.input input {
|
|
|
|
|
width: calc(100% - 2rem);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-buttons {
|
|
|
|
|
padding-bottom: 1rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-right: .5rem;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
h1 {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-size: 2.3rem;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding-right: .5rem;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
.ui.input {
|
|
|
|
|
font-size: .5em;
|
|
|
|
|
width: 100%;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-25 00:48:08 +08:00
|
|
|
input {
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
padding: 6px 1rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-button {
|
|
|
|
|
float: right;
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-buttons {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.index {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text-light-2);
|
2020-10-25 00:48:08 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.label {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-zone {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.pull-desc {
|
|
|
|
|
code {
|
2020-10-31 11:52:10 +08:00
|
|
|
color: var(--color-primary);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2021-10-20 01:32:11 +08:00
|
|
|
a[data-clipboard-text] {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
svg {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
right: 1px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-08-20 20:18:49 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.pull {
|
|
|
|
|
&.tabular.menu {
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
|
|
|
|
.svg {
|
|
|
|
|
margin-right: 5px;
|
2017-05-05 15:15:36 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.merge.box {
|
|
|
|
|
.avatar {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.branch-update.grid {
|
|
|
|
|
.row {
|
|
|
|
|
padding-bottom: 1rem;
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.icon {
|
|
|
|
|
margin-top: 1.1rem;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.review-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.review-item-left,
|
|
|
|
|
.review-item-right {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.text {
|
|
|
|
|
margin: .3em 0 .5em .5em;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.type-icon {
|
|
|
|
|
align-self: flex-start;
|
|
|
|
|
margin-right: 1em;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
i {
|
|
|
|
|
line-height: 1.8em;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.divider {
|
|
|
|
|
margin: .5rem 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.review-content {
|
|
|
|
|
padding: 1em 0 1em 3.8em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-06-15 15:37:00 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment-list {
|
2020-11-11 02:28:07 +08:00
|
|
|
&:not(.prevent-before-timeline)::before {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: block;
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
margin-bottom: 14px;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 96px;
|
|
|
|
|
width: 2px;
|
2020-11-09 00:29:18 +08:00
|
|
|
background-color: var(--color-timeline);
|
2020-08-26 03:48:53 +08:00
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeline {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-left: 40px;
|
|
|
|
|
padding-left: 16px;
|
2018-11-22 21:17:36 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::before { //ciara
|
2020-08-26 03:48:53 +08:00
|
|
|
display: block;
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
margin-bottom: 14px;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 30px;
|
|
|
|
|
width: 2px;
|
2020-11-09 00:29:18 +08:00
|
|
|
background-color: var(--color-timeline);
|
2020-08-26 03:48:53 +08:00
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-11-22 21:17:36 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.timeline-item,
|
|
|
|
|
.timeline-item-group {
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
}
|
2018-11-22 21:17:36 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.timeline-item-group {
|
|
|
|
|
.timeline-item {
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-06-15 15:37:00 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.timeline-item {
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
position: relative;
|
2018-11-22 21:17:36 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.timeline-avatar {
|
|
|
|
|
position: absolute;
|
2022-11-19 12:02:30 +08:00
|
|
|
left: -68px;
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
img {
|
2020-12-04 02:46:11 +08:00
|
|
|
width: 40px !important;
|
|
|
|
|
height: 40px !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2018-11-22 21:17:36 +08:00
|
|
|
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
/* Don't show the mobile oriented avatar ".inline-timeline-avatar" on desktop. Desktop uses the avatar with class ".timeline-avatar" */
|
|
|
|
|
.inline-timeline-avatar {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2022-09-12 17:08:46 +08:00
|
|
|
img.avatar,
|
|
|
|
|
.avatar img {
|
2020-08-26 03:48:53 +08:00
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
2021-10-26 20:29:48 +08:00
|
|
|
vertical-align: middle;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:first-child:not(.commit) {
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:last-child:not(.commit) {
|
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.badge.badge-commit {
|
|
|
|
|
border-color: transparent;
|
2020-11-09 00:29:18 +08:00
|
|
|
background: radial-gradient(var(--color-body) 40%, transparent 40%) no-repeat;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.badge {
|
2020-11-16 04:58:16 +08:00
|
|
|
width: 34px;
|
|
|
|
|
height: 34px;
|
2020-11-09 00:29:18 +08:00
|
|
|
background-color: var(--color-timeline);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-radius: 50%;
|
|
|
|
|
display: flex;
|
|
|
|
|
float: left;
|
2020-11-23 17:42:24 +08:00
|
|
|
margin-left: -33px;
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-right: 8px;
|
2020-12-17 23:52:58 +08:00
|
|
|
color: var(--color-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
.svg {
|
2020-11-01 06:15:11 +08:00
|
|
|
width: 22px;
|
|
|
|
|
height: 22px;
|
2020-08-26 03:48:53 +08:00
|
|
|
padding: 3px;
|
|
|
|
|
|
|
|
|
|
&.octicon-comment {
|
|
|
|
|
margin-top: 2px;
|
2020-04-11 06:01:41 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.comment > .content {
|
|
|
|
|
margin-left: -16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.event > .text {
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.commits-list {
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
|
|
|
|
.singular-commit {
|
2020-11-23 17:42:24 +08:00
|
|
|
line-height: 34px; /* this must be same as .badge height, to avoid overflow */
|
2022-08-19 15:01:06 +08:00
|
|
|
clear: both; // reset the "float right shabox", in the future, use flexbox instead
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2022-09-12 17:08:46 +08:00
|
|
|
> img.avatar,
|
|
|
|
|
> .avatar img {
|
2020-12-01 00:11:17 +08:00
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shabox {
|
|
|
|
|
.sha.label {
|
|
|
|
|
margin: 0;
|
2020-12-27 18:53:53 +08:00
|
|
|
border: 1px solid var(--color-light-border);
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isWarning {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-red-badge);
|
|
|
|
|
background: var(--color-red-badge-bg);
|
2020-06-07 04:30:10 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-red-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerified {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-green-badge);
|
|
|
|
|
background: var(--color-green-badge-bg);
|
2020-05-20 20:47:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-green-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerifiedUntrusted {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-yellow-badge);
|
|
|
|
|
background: var(--color-yellow-badge-bg);
|
2020-04-19 08:15:07 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-05-20 20:47:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-yellow-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-05-20 20:47:24 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerifiedUnmatched {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-orange-badge);
|
|
|
|
|
background: var(--color-orange-badge-bg);
|
2020-05-18 13:33:47 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-orange-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-05-18 13:33:47 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.event > .commit-status-link {
|
|
|
|
|
float: right;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
2023-03-02 03:19:47 +08:00
|
|
|
.comparebox {
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
|
|
|
|
.compare.label {
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
margin: 0;
|
|
|
|
|
border: 1px solid var(--color-light-border);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment-form-reply .footer {
|
|
|
|
|
padding-bottom: 1em;
|
|
|
|
|
}
|
2022-10-12 04:42:31 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
.ui.segments {
|
|
|
|
|
margin-left: -2rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-01-18 01:29:10 +08:00
|
|
|
.ui.comments {
|
|
|
|
|
max-width: 100%;
|
2021-10-16 10:22:24 +08:00
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
|
margin-right: .5rem;
|
|
|
|
|
}
|
2021-01-18 01:29:10 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment {
|
|
|
|
|
> .content {
|
|
|
|
|
> div:first-child {
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
}
|
2019-11-25 19:50:46 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> div:last-child {
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-01-06 03:25:27 +08:00
|
|
|
|
2020-11-08 07:15:09 +08:00
|
|
|
.comment-container {
|
2020-11-06 03:34:04 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
|
|
|
|
border-radius: var(--border-radius);
|
2020-11-10 09:43:08 +08:00
|
|
|
}
|
2020-11-06 03:34:04 +08:00
|
|
|
|
2020-11-10 09:43:08 +08:00
|
|
|
.content {
|
2021-10-16 10:55:06 +08:00
|
|
|
@media @mediaSm {
|
|
|
|
|
.form .button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
2020-06-16 03:50:12 +08:00
|
|
|
|
2021-10-16 10:55:06 +08:00
|
|
|
&:not(:last-child) {
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
}
|
2020-04-11 06:01:41 +08:00
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
}
|
|
|
|
|
}
|
2015-08-21 00:18:30 +08:00
|
|
|
|
2021-11-09 19:56:15 +08:00
|
|
|
.merge-section {
|
2021-10-16 10:55:06 +08:00
|
|
|
background-color: var(--color-box-body);
|
2018-09-07 10:32:46 +08:00
|
|
|
|
2021-10-16 10:55:06 +08:00
|
|
|
.item-section {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin-top: -.25rem;
|
|
|
|
|
margin-bottom: -.25rem;
|
|
|
|
|
}
|
2020-11-16 21:53:04 +08:00
|
|
|
|
2021-11-09 19:56:15 +08:00
|
|
|
@media @mediaSm {
|
|
|
|
|
.item-section {
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-16 10:55:06 +08:00
|
|
|
.divider {
|
|
|
|
|
margin-left: -1rem;
|
|
|
|
|
margin-right: -1rem;
|
|
|
|
|
}
|
2020-10-06 07:31:25 +08:00
|
|
|
|
2021-10-16 10:55:06 +08:00
|
|
|
&.no-header {
|
|
|
|
|
#avatar-arrow();
|
2020-10-06 07:31:25 +08:00
|
|
|
|
2021-10-16 10:55:06 +08:00
|
|
|
&::after {
|
|
|
|
|
border-right-color: var(--color-box-body);
|
2020-10-06 07:31:25 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2021-11-09 19:56:15 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-11-09 19:56:15 +08:00
|
|
|
.markup {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
|
2021-11-09 19:56:15 +08:00
|
|
|
.no-content {
|
|
|
|
|
color: var(--color-text-light-2);
|
|
|
|
|
font-style: italic;
|
2017-05-05 15:15:36 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.form {
|
|
|
|
|
.field {
|
|
|
|
|
&:first-child {
|
|
|
|
|
clear: none;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.footer {
|
|
|
|
|
overflow: hidden;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-05-07 16:43:41 +08:00
|
|
|
.tab.markup {
|
2020-08-26 03:48:53 +08:00
|
|
|
min-height: 5rem;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
|
height: 200px;
|
2020-10-20 04:01:06 +08:00
|
|
|
font-family: var(--fonts-monospace);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
Add Organization Wide Labels (#10814)
* Add organization wide labels
Implement organization wide labels similar to organization wide
webhooks. This lets you create individual labels for organizations that can be used
for all repos under that organization (so being able to reuse the same
label across multiple repos).
This makes it possible for small organizations with many repos to use
labels effectively.
Fixes #7406
* Add migration
* remove comments
* fix tests
* Update options/locale/locale_en-US.ini
Removed unused translation string
* show org labels in issue search label filter
* Use more clear var name
* rename migration after merge from master
* comment typo
* update migration again after rebase with master
* check for orgID <=0 per guillep2k review
* fmt
* Apply suggestions from code review
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* remove unused code
* Make sure RepoID is 0 when searching orgID per code review
* more changes/code review requests
* More descriptive translation var per code review
* func description/delete comment when issue label deleted instead of hiding it
* remove comment
* only use issues in that repo when calculating number of open issues for org label on repo label page
* Add integration test for IssuesSearch API with labels
* remove unused function
* Update models/issue_label.go
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* Use subquery in GetLabelIDsInReposByNames
* Fix tests to use correct orgID
* fix more tests
* IssuesSearch api now uses new BuildLabelNamesIssueIDsCondition. Add a few more tests as well
* update comment for clarity
* Revert previous code change now that we can use the new BuildLabelNamesIssueIDsCondition
* Don't sort repos by date in IssuesSearch API
After much debugging I've found a strange issue where in some cases MySQL will return a different result than other enigines if a query is sorted by a null collumn. For example with our integration test data where we don't set updated_unix in repository fixtures:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 45
Returns different results for MySQL than other engines. However, the similar query:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 30
Returns the same results.
This causes integration tests to fail on MySQL in certain cases but would never show up in a real installation. Since this API call always returns issues based on the optionally provided repo_priority_id or the issueID itself, there is no change to results by changing the repo sorting method used to get ids earlier in the function.
* linter is back!
* code review
* remove now unused option
* Fix newline at end of files
* more unused code
* update to master
* check for matching ids before query
* Update models/issue_label.go
Co-Authored-By: 6543 <6543@obermui.de>
* Update models/issue_label.go
* update comments
* Update routers/org/setting.go
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: guillep2k <18600385+guillep2k@users.noreply.github.com>
Co-authored-by: 6543 <6543@obermui.de>
2020-04-01 12:14:46 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.edit.buttons {
|
|
|
|
|
margin-top: 10px;
|
Add Organization Wide Labels (#10814)
* Add organization wide labels
Implement organization wide labels similar to organization wide
webhooks. This lets you create individual labels for organizations that can be used
for all repos under that organization (so being able to reuse the same
label across multiple repos).
This makes it possible for small organizations with many repos to use
labels effectively.
Fixes #7406
* Add migration
* remove comments
* fix tests
* Update options/locale/locale_en-US.ini
Removed unused translation string
* show org labels in issue search label filter
* Use more clear var name
* rename migration after merge from master
* comment typo
* update migration again after rebase with master
* check for orgID <=0 per guillep2k review
* fmt
* Apply suggestions from code review
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* remove unused code
* Make sure RepoID is 0 when searching orgID per code review
* more changes/code review requests
* More descriptive translation var per code review
* func description/delete comment when issue label deleted instead of hiding it
* remove comment
* only use issues in that repo when calculating number of open issues for org label on repo label page
* Add integration test for IssuesSearch API with labels
* remove unused function
* Update models/issue_label.go
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* Use subquery in GetLabelIDsInReposByNames
* Fix tests to use correct orgID
* fix more tests
* IssuesSearch api now uses new BuildLabelNamesIssueIDsCondition. Add a few more tests as well
* update comment for clarity
* Revert previous code change now that we can use the new BuildLabelNamesIssueIDsCondition
* Don't sort repos by date in IssuesSearch API
After much debugging I've found a strange issue where in some cases MySQL will return a different result than other enigines if a query is sorted by a null collumn. For example with our integration test data where we don't set updated_unix in repository fixtures:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 45
Returns different results for MySQL than other engines. However, the similar query:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 30
Returns the same results.
This causes integration tests to fail on MySQL in certain cases but would never show up in a real installation. Since this API call always returns issues based on the optionally provided repo_priority_id or the issueID itself, there is no change to results by changing the repo sorting method used to get ids earlier in the function.
* linter is back!
* code review
* remove now unused option
* Fix newline at end of files
* more unused code
* update to master
* check for matching ids before query
* Update models/issue_label.go
Co-Authored-By: 6543 <6543@obermui.de>
* Update models/issue_label.go
* update comments
* Update routers/org/setting.go
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: guillep2k <18600385+guillep2k@users.noreply.github.com>
Co-authored-by: 6543 <6543@obermui.de>
2020-04-01 12:14:46 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
Add Organization Wide Labels (#10814)
* Add organization wide labels
Implement organization wide labels similar to organization wide
webhooks. This lets you create individual labels for organizations that can be used
for all repos under that organization (so being able to reuse the same
label across multiple repos).
This makes it possible for small organizations with many repos to use
labels effectively.
Fixes #7406
* Add migration
* remove comments
* fix tests
* Update options/locale/locale_en-US.ini
Removed unused translation string
* show org labels in issue search label filter
* Use more clear var name
* rename migration after merge from master
* comment typo
* update migration again after rebase with master
* check for orgID <=0 per guillep2k review
* fmt
* Apply suggestions from code review
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* remove unused code
* Make sure RepoID is 0 when searching orgID per code review
* more changes/code review requests
* More descriptive translation var per code review
* func description/delete comment when issue label deleted instead of hiding it
* remove comment
* only use issues in that repo when calculating number of open issues for org label on repo label page
* Add integration test for IssuesSearch API with labels
* remove unused function
* Update models/issue_label.go
Co-Authored-By: guillep2k <18600385+guillep2k@users.noreply.github.com>
* Use subquery in GetLabelIDsInReposByNames
* Fix tests to use correct orgID
* fix more tests
* IssuesSearch api now uses new BuildLabelNamesIssueIDsCondition. Add a few more tests as well
* update comment for clarity
* Revert previous code change now that we can use the new BuildLabelNamesIssueIDsCondition
* Don't sort repos by date in IssuesSearch API
After much debugging I've found a strange issue where in some cases MySQL will return a different result than other enigines if a query is sorted by a null collumn. For example with our integration test data where we don't set updated_unix in repository fixtures:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 45
Returns different results for MySQL than other engines. However, the similar query:
SELECT `id`, `owner_id`, `owner_name`, `lower_name`, `name`, `description`, `website`, `original_service_type`, `original_url`, `default_branch`, `num_watches`, `num_stars`, `num_forks`, `num_issues`, `num_closed_issues`, `num_pulls`, `num_closed_pulls`, `num_milestones`, `num_closed_milestones`, `is_private`, `is_empty`, `is_archived`, `is_mirror`, `status`, `is_fork`, `fork_id`, `is_template`, `template_id`, `size`, `is_fsck_enabled`, `close_issues_via_commit_in_any_branch`, `topics`, `avatar`, `created_unix`, `updated_unix` FROM `repository` ORDER BY updated_unix DESC LIMIT 15 OFFSET 30
Returns the same results.
This causes integration tests to fail on MySQL in certain cases but would never show up in a real installation. Since this API call always returns issues based on the optionally provided repo_priority_id or the issueID itself, there is no change to results by changing the repo sorting method used to get ids earlier in the function.
* linter is back!
* code review
* remove now unused option
* Fix newline at end of files
* more unused code
* update to master
* check for matching ids before query
* Update models/issue_label.go
Co-Authored-By: 6543 <6543@obermui.de>
* Update models/issue_label.go
* update comments
* Update routers/org/setting.go
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: guillep2k <18600385+guillep2k@users.noreply.github.com>
Co-authored-by: 6543 <6543@obermui.de>
2020-04-01 12:14:46 +08:00
|
|
|
|
2020-11-06 03:34:04 +08:00
|
|
|
.code-comment {
|
|
|
|
|
border: 1px solid transparent;
|
2021-05-08 23:28:25 +08:00
|
|
|
padding: .25rem .5rem;
|
2020-12-17 23:52:58 +08:00
|
|
|
margin: 0;
|
2020-11-06 03:34:04 +08:00
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
border: none !important;
|
|
|
|
|
}
|
2020-12-17 23:52:58 +08:00
|
|
|
|
2021-01-18 01:29:10 +08:00
|
|
|
.comment-header {
|
|
|
|
|
background: transparent;
|
|
|
|
|
border-bottom: 0 !important;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
|
|
|
|
|
&::after,
|
|
|
|
|
&::before {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-05-08 23:28:25 +08:00
|
|
|
.comment-content {
|
|
|
|
|
margin-left: 36px;
|
|
|
|
|
}
|
2022-10-25 19:11:49 +08:00
|
|
|
}
|
2021-05-08 23:28:25 +08:00
|
|
|
|
2022-10-25 19:11:49 +08:00
|
|
|
.code-comment,
|
|
|
|
|
.comment {
|
2022-09-12 17:08:46 +08:00
|
|
|
img.avatar {
|
2020-12-17 23:52:58 +08:00
|
|
|
width: 28px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
}
|
2020-11-06 03:34:04 +08:00
|
|
|
}
|
|
|
|
|
|
2021-01-18 01:29:10 +08:00
|
|
|
.comment-code-cloud {
|
|
|
|
|
.segment.reactions {
|
2021-05-12 14:16:22 +08:00
|
|
|
margin-top: 16px !important;
|
|
|
|
|
margin-bottom: -8px !important;
|
2021-01-18 01:29:10 +08:00
|
|
|
border-top: none !important;
|
|
|
|
|
|
|
|
|
|
.ui.label {
|
|
|
|
|
border: 1px solid;
|
2021-05-12 14:16:22 +08:00
|
|
|
padding: 6px 10px !important;
|
|
|
|
|
margin: 0 2px;
|
2021-01-18 01:29:10 +08:00
|
|
|
border-radius: var(--border-radius);
|
2021-05-12 14:16:22 +08:00
|
|
|
border-color: var(--color-secondary-dark-1) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2022-05-20 06:08:08 +08:00
|
|
|
.ui.label.basic.primary {
|
2021-05-12 14:16:22 +08:00
|
|
|
background-color: var(--color-reaction-active-bg) !important;
|
|
|
|
|
border-color: var(--color-primary-alpha-80) !important;
|
2021-01-18 01:29:10 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button.comment-form-reply {
|
2021-05-08 23:28:25 +08:00
|
|
|
margin: 0;
|
2021-01-18 01:29:10 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.event {
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
|
|
|
|
|
.detail {
|
2022-11-19 12:02:30 +08:00
|
|
|
margin-top: 4px;
|
|
|
|
|
margin-left: 14px;
|
|
|
|
|
|
|
|
|
|
.svg {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segments {
|
|
|
|
|
box-shadow: none;
|
2020-10-15 16:17:48 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2022-10-12 04:42:31 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
padding: 1rem 0 !important; // Important is required here to override existing fomantic styles.
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.depending {
|
|
|
|
|
.item.is-closed {
|
|
|
|
|
.title {
|
|
|
|
|
text-decoration: line-through;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment.form {
|
|
|
|
|
.ui.comments {
|
|
|
|
|
margin-top: -12px;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.content {
|
|
|
|
|
.field:first-child {
|
|
|
|
|
clear: none;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.form {
|
2020-12-27 22:24:27 +08:00
|
|
|
#avatar-arrow();
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-11-16 21:53:04 +08:00
|
|
|
border-right-color: var(--color-box-body);
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
|
height: 200px;
|
2020-10-20 04:01:06 +08:00
|
|
|
font-family: var(--fonts-monospace);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
Limit max-height of CodeMirror editors for issue comment and wiki (#18271)
* Make the wiki editor bar sticky for longer wiki edits
On codeberg community it was requested to make the wiki editor toolbar sticky for longer wiki posts, so one wouldn't have to scroll to the top to use it. (Reference; https://codeberg.org/Codeberg/Community/issues/533).
In order to make this happen, the .editor-toolbar class needs to become position: sticky, and we need to fix it's transparent background and border-bottom. Because the bottom disappears, we add it. This makes the border become a double border, because the CodeMirror area defines borders for all. As such I've added a border-top: none, on the wiki write tab for the CodeMirror class.
* Make the issue bar in the issue view sticky for issue #10675
In issue #10675 it's requested to make the issue bar sticky upon scrolling in the issue view. The proposed change changes inline html, which is not desirable. As such I've added the position sticky option to it's container, and fix the background upon scrolling.
* Make linter happy on _repository.less
Fix 0px -> 0 to make the linter happy.
* Make linter happy on _editor.less
Fix 0px -> 0 to make the linter happy.
* Change z-index to the lowest boundary of 1
As per review of @silverwind change the z-index to it's lowest requirement of 1.
* Change z-index to the lowest boundary of 1
As per review of @silverwind change the z-index to it's lowest requirement of 1.
* Revert changes made to wiki editor (unsticky) and add max-height
Fixes the max-height to 85vh, on the proposed 90vh it just came out just slightly too large.
Unstickies the changes from the sticky commits.
* Revert changes for the sticky title editor
Removes the changes as done by the sticky title editor.
* Add max-height definition to CodeMirror-scroll
Add the max-height definition for the CodeMirror-scroll class in order to generalize the changes spoken about in PR #18271
* Remove CodeMirror-scroll definition
Remove the max-height in CodeMirror-scroll definition, in order to generalize it in the CodeMirror less file. As per discussion in #18271.
* fine tune CodeMirror min-height/max-height
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
2022-06-05 16:09:50 +08:00
|
|
|
|
|
|
|
|
.CodeMirror-scroll {
|
|
|
|
|
max-height: 85vh;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.milestone.list {
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
|
|
|
|
|
> .item {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
2020-11-29 14:22:04 +08:00
|
|
|
border-bottom: 1px dashed var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
2022-05-20 11:04:45 +08:00
|
|
|
progress {
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 16px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.meta {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text-light-2);
|
2020-08-26 03:48:53 +08:00
|
|
|
padding-top: 5px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.issue-stats .svg {
|
|
|
|
|
padding-left: 5px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-05-25 01:53:37 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.overdue {
|
2020-11-16 04:58:16 +08:00
|
|
|
color: var(--color-red);
|
2020-05-25 18:04:02 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-05-25 18:04:02 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.operate {
|
|
|
|
|
margin-top: -15px;
|
|
|
|
|
|
|
|
|
|
> a {
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
padding-right: 10px;
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text-light-2);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
&:hover {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-05-25 01:53:37 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-01-05 10:04:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.new.milestone {
|
|
|
|
|
textarea {
|
|
|
|
|
height: 200px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-01-05 10:04:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.compare.pull {
|
|
|
|
|
.show-form-container {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.choose.branch {
|
|
|
|
|
.svg {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.comment.form {
|
|
|
|
|
.content {
|
2020-12-27 22:24:27 +08:00
|
|
|
#avatar-arrow();
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-11-16 21:53:04 +08:00
|
|
|
border-right-color: var(--color-box-body);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.pullrequest-form {
|
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
|
}
|
2019-05-06 00:25:25 +08:00
|
|
|
|
2021-05-07 16:43:41 +08:00
|
|
|
.markup {
|
2020-08-26 03:48:53 +08:00
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
2021-12-24 20:14:42 +08:00
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
.issue-title {
|
|
|
|
|
margin-bottom: .5rem;
|
|
|
|
|
.index {
|
|
|
|
|
color: var(--color-text-light-2);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.filter.dropdown .menu {
|
|
|
|
|
margin-top: 1px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.branches {
|
|
|
|
|
.commit-divergence {
|
|
|
|
|
.bar-group {
|
|
|
|
|
position: relative;
|
|
|
|
|
float: left;
|
|
|
|
|
padding-bottom: 6px;
|
2020-10-03 07:10:43 +08:00
|
|
|
width: 50%;
|
|
|
|
|
max-width: 90px;
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
&:last-child {
|
2021-04-03 16:37:32 +08:00
|
|
|
border-left: 1px solid var(--color-secondary-dark-2);
|
2019-05-06 00:25:25 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-06 00:25:25 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.count {
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
|
|
|
|
|
&.count-ahead {
|
|
|
|
|
text-align: left;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.count-behind {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.bar {
|
|
|
|
|
height: 4px;
|
|
|
|
|
position: absolute;
|
2021-04-03 16:37:32 +08:00
|
|
|
background-color: var(--color-secondary-dark-2);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.bar-behind {
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.bar-ahead {
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.commits {
|
|
|
|
|
.header {
|
|
|
|
|
.search {
|
|
|
|
|
input {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
padding: 5px 10px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#commits-table {
|
|
|
|
|
thead {
|
|
|
|
|
th:first-of-type {
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sha {
|
|
|
|
|
&td {
|
|
|
|
|
text-align: center;
|
2018-08-06 12:43:22 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-11-23 10:44:10 +08:00
|
|
|
width: 200px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.sha .sha.label {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.message {
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
}
|
2019-08-09 20:57:29 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.ui.basic.striped.table tbody tr:nth-child(2n) {
|
|
|
|
|
background-color: rgba(0, 0, 0, .02) !important;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-10-03 07:58:36 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#commits-table td.sha .sha.label,
|
|
|
|
|
#repo-files-table .sha.label,
|
2020-11-09 01:21:54 +08:00
|
|
|
#rev-list .sha.label,
|
2020-08-26 03:48:53 +08:00
|
|
|
.timeline-item.commits-list .singular-commit .sha.label {
|
2020-12-27 18:53:53 +08:00
|
|
|
border: 1px solid var(--color-light-border);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.signature.avatar {
|
|
|
|
|
height: 16px;
|
|
|
|
|
margin-bottom: 0;
|
2020-09-29 04:39:22 +08:00
|
|
|
width: 16px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail.icon {
|
2020-12-27 18:53:53 +08:00
|
|
|
background: var(--color-light);
|
2020-08-26 03:48:53 +08:00
|
|
|
margin: -6px -10px -4px 0;
|
|
|
|
|
padding: 5px 4px 5px 6px;
|
2020-12-27 18:53:53 +08:00
|
|
|
border-left: 1px solid var(--color-light-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-top: 0;
|
|
|
|
|
border-right: 0;
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
border-bottom-left-radius: 0;
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
img {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.svg {
|
|
|
|
|
margin: 0 .25em 0 0;
|
|
|
|
|
}
|
2020-06-28 12:05:50 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> div {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isWarning {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-red-badge);
|
|
|
|
|
background: var(--color-red-badge-bg);
|
2019-10-16 21:42:42 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail.icon {
|
2022-11-23 08:22:27 +08:00
|
|
|
border-left: 1px solid var(--color-red-badge);
|
|
|
|
|
color: var(--color-red-badge);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-red-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-10-16 21:42:42 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerified {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-green-badge);
|
|
|
|
|
background: var(--color-green-badge-bg);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail.icon {
|
2022-11-23 08:22:27 +08:00
|
|
|
border-left: 1px solid var(--color-green-badge);
|
|
|
|
|
color: var(--color-green-badge);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-08-04 20:55:20 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-green-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerifiedUntrusted {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-yellow-badge);
|
|
|
|
|
background: var(--color-yellow-badge-bg);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail.icon {
|
2022-11-23 08:22:27 +08:00
|
|
|
border-left: 1px solid var(--color-yellow-badge);
|
|
|
|
|
color: var(--color-yellow-badge);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-yellow-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.isSigned.isVerifiedUnmatched {
|
2022-11-23 08:22:27 +08:00
|
|
|
border: 1px solid var(--color-orange-badge);
|
|
|
|
|
background: var(--color-orange-badge-bg);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.shortsha {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail.icon {
|
2022-11-23 08:22:27 +08:00
|
|
|
border-left: 1px solid var(--color-orange-badge);
|
|
|
|
|
color: var(--color-orange-badge);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2022-11-23 08:22:27 +08:00
|
|
|
background: var(--color-orange-badge-hover-bg) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2018-08-06 12:43:22 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-11-16 12:52:46 +08:00
|
|
|
|
2021-03-30 04:44:28 +08:00
|
|
|
.data-table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
tr {
|
|
|
|
|
border-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td,
|
|
|
|
|
th {
|
|
|
|
|
padding: 5px !important;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
border: 1px solid var(--color-secondary);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
white-space: pre-line;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
th {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
background: var(--color-box-header);
|
|
|
|
|
border-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.added,
|
|
|
|
|
th.added,
|
|
|
|
|
tr.added {
|
|
|
|
|
background-color: var(--color-diff-added-row-bg) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.removed,
|
|
|
|
|
th.removed,
|
|
|
|
|
tr.removed {
|
|
|
|
|
background-color: var(--color-diff-removed-row-bg) !important;
|
|
|
|
|
}
|
|
|
|
|
|
Prevent NPE in CSV diff rendering when column removed (#17018)
Fixes #16837 if a column is deleted.
We were clobbering the columns that were added by looping through the aline (base) and then when bline (head) was looped through, it clobbered what was in the "cells" array that is show in the diff, and then left a nil cell because nothing was shifted.
This fix properly shifts the cells, and properly puts the b cell either at its location or after, according to what the aline placed in the cells.
This includes test, adding a new test function since adding/removing cells works best with three columns, not two, which results in 4 columns of the resulting cells because it has a deleted column and an added column. If you try this locally, you can try those cases and others, such as adding a column.
There was no need to do anything special for the rows when `aline == 0 || bline == 0` so that was removed. This allows the same code to be used for removed or added lines, with the bcell text always being the RightCell, acell text being the LeftCell.
I still added the patch zeripath gave at https://github.com/go-gitea/gitea/issues/16837#issuecomment-913007382 so that just in case for some reason a cell is nil (which shouldn't happen now) it doesn't throw a 500 error, so the user can at least view the raw diff.
Also fixes in the [view.go](https://github.com/go-gitea/gitea/pull/17018/files#diff-43a7f4747c7ba8bff888c9be11affaafd595fd55d27f3333840eb19df9fad393L521) file how if a CSV file is empty (either created empty or if you edit it and remove all contents) it throws a huge 500 error when you then save it (when you view the file). Since we allow creating, saving and pushing empty files, we shouldn't throw an error on an empty CSV file, but just show its empty contents. This doesn't happen if it is a Markdown file or other type of file that is empty.
EDIT: Now handled in the markup/csv renderer code
2021-10-21 03:10:03 +08:00
|
|
|
td.moved,
|
|
|
|
|
th.moved,
|
|
|
|
|
tr.moved {
|
|
|
|
|
background-color: var(--color-diff-moved-row-bg) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-30 04:44:28 +08:00
|
|
|
tbody.section {
|
|
|
|
|
border-top: 2px solid var(--color-secondary);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.line-num {
|
2022-04-14 16:57:19 +08:00
|
|
|
&:extend(.unselectable);
|
2021-03-30 04:44:28 +08:00
|
|
|
width: 1%;
|
|
|
|
|
min-width: 50px;
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
color: var(--color-secondary-dark-2);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
text-align: right;
|
|
|
|
|
background: var(--color-body);
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.diff-detail-box {
|
|
|
|
|
padding: 7px 0;
|
2020-12-21 02:00:03 +08:00
|
|
|
background: var(--color-body);
|
2020-08-26 03:48:53 +08:00
|
|
|
line-height: 30px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaMdAndDown {
|
2020-11-02 04:04:26 +08:00
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-12 02:28:51 +08:00
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.sticky {
|
|
|
|
|
position: sticky;
|
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 8;
|
2020-11-02 04:04:26 +08:00
|
|
|
border-bottom: 1px solid var(--color-secondary);
|
2020-10-31 20:17:32 +08:00
|
|
|
padding-left: 2px;
|
|
|
|
|
padding-right: 2px;
|
2022-12-23 11:58:30 +08:00
|
|
|
margin-left: -1px;
|
|
|
|
|
margin-right: -1px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-06-23 03:02:27 +08:00
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
> div::after {
|
2020-08-26 03:48:53 +08:00
|
|
|
clear: both;
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-10-31 20:17:32 +08:00
|
|
|
.diff-detail-stats strong {
|
|
|
|
|
margin-left: .25rem;
|
|
|
|
|
margin-right: .25rem;
|
|
|
|
|
}
|
|
|
|
|
|
2023-02-12 10:34:46 +08:00
|
|
|
// Because the translations contain the <strong> we need to style with nth-of-type
|
|
|
|
|
|
|
|
|
|
.diff-detail-stats strong:nth-of-type(1) {
|
|
|
|
|
color: var(--color-yellow);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diff-detail-stats strong:nth-of-type(2) {
|
|
|
|
|
color: var(--color-green);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diff-detail-stats strong:nth-of-type(3) {
|
|
|
|
|
color: var(--color-red);
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-12 02:28:51 +08:00
|
|
|
.diff-detail-stats {
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
font-size: 0;
|
|
|
|
|
line-height: 1.6rem;
|
|
|
|
|
|
|
|
|
|
strong {
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-12-21 02:00:03 +08:00
|
|
|
.diff-detail-actions > * {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diff-detail-actions > * + * {
|
|
|
|
|
margin-left: .25rem;
|
2020-10-31 20:17:32 +08:00
|
|
|
}
|
|
|
|
|
|
2021-02-12 02:28:51 +08:00
|
|
|
.diff-detail-actions {
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
padding-top: .25rem;
|
|
|
|
|
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
.ui.button:not(.btn-submit) {
|
2021-02-12 02:28:51 +08:00
|
|
|
padding-left: .5rem;
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
span.status {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 12px;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
vertical-align: middle;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.modify {
|
2020-12-21 02:00:03 +08:00
|
|
|
background-color: var(--color-yellow);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.add {
|
2020-12-21 02:00:03 +08:00
|
|
|
background-color: var(--color-green);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.del {
|
2020-12-21 02:00:03 +08:00
|
|
|
background-color: var(--color-red);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.rename {
|
2020-12-21 02:00:03 +08:00
|
|
|
background-color: var(--color-teal);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2023-01-13 13:50:32 +08:00
|
|
|
.button {
|
|
|
|
|
padding: 8px 12px;
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-01-04 20:18:12 +08:00
|
|
|
.diff-box .header:not(.resolved-placeholder) {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.file {
|
|
|
|
|
flex: 1;
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
2015-11-16 12:52:46 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.button {
|
2020-12-21 02:00:03 +08:00
|
|
|
padding: 8px 12px;
|
2020-08-26 03:48:53 +08:00
|
|
|
flex: 0 0 auto;
|
2020-12-21 02:00:03 +08:00
|
|
|
margin-top: -8px;
|
|
|
|
|
margin-bottom: -8px;
|
|
|
|
|
margin-right: 0;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-01-04 20:18:12 +08:00
|
|
|
.diff-box .resolved-placeholder {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
padding: 8px 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.diff-file-box {
|
|
|
|
|
.header {
|
2020-11-09 00:29:18 +08:00
|
|
|
background-color: var(--color-box-header);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.file-body.file-code {
|
2020-12-17 23:52:58 +08:00
|
|
|
background: var(--color-code-bg);
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.lines-num {
|
2022-04-14 16:57:19 +08:00
|
|
|
&:extend(.unselectable);
|
2020-08-26 03:48:53 +08:00
|
|
|
text-align: right;
|
2020-12-17 23:52:58 +08:00
|
|
|
color: var(--color-text-light);
|
2020-08-26 03:48:53 +08:00
|
|
|
width: 1%;
|
|
|
|
|
min-width: 50px;
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
span.fold {
|
|
|
|
|
display: block;
|
|
|
|
|
text-align: center;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.code-diff {
|
|
|
|
|
font-size: 12px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
td {
|
|
|
|
|
padding: 0 0 0 10px !important;
|
|
|
|
|
border-top: 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.lines-num {
|
|
|
|
|
padding: 0 5px !important;
|
|
|
|
|
}
|
2020-07-13 21:21:19 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.tag-code .lines-num,
|
|
|
|
|
.tag-code td {
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
tbody {
|
|
|
|
|
tr {
|
|
|
|
|
td.halfwidth {
|
|
|
|
|
// halfwidth is used in split view - and in that case, 1% of each
|
|
|
|
|
width: 49%;
|
|
|
|
|
}
|
2015-12-08 04:20:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
td.center {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2020-07-13 21:21:19 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
[data-line-num]::before {
|
|
|
|
|
content: attr(data-line-num);
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
2020-07-01 05:34:03 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.lines-type-marker {
|
2022-04-14 16:57:19 +08:00
|
|
|
&:extend(.unselectable);
|
2020-08-26 03:48:53 +08:00
|
|
|
width: 10px;
|
|
|
|
|
min-width: 10px;
|
|
|
|
|
}
|
2020-07-01 05:34:03 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
[data-type-marker]::before {
|
|
|
|
|
content: attr(data-type-marker);
|
|
|
|
|
text-align: right;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.code-diff-split {
|
2021-09-19 01:59:21 +08:00
|
|
|
.tag-code .lines-code code.code-inner {
|
|
|
|
|
padding-left: 10px !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
table,
|
|
|
|
|
tbody {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-10-21 15:51:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.file-content {
|
|
|
|
|
img {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
img.emoji {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
2019-10-21 15:51:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
clear: right;
|
2019-10-21 15:51:24 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.bottom.attached.table.segment {
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.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;
|
|
|
|
|
padding-left: 6px;
|
2017-10-27 14:10:54 +08:00
|
|
|
}
|
2020-12-21 02:00:03 +08:00
|
|
|
|
|
|
|
|
li + li {
|
|
|
|
|
border-top: 1px solid var(--color-secondary);
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.repo-search-result {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.lines-num a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.quickstart {
|
|
|
|
|
.guide {
|
|
|
|
|
.item {
|
|
|
|
|
padding: 1em;
|
|
|
|
|
|
|
|
|
|
small {
|
|
|
|
|
font-weight: normal;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-11-17 12:28:46 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.clone.button:first-child {
|
2020-10-25 03:15:29 +08:00
|
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.action.small.input {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#repo-clone-url {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
font-size: 1.2em;
|
2021-01-02 03:05:40 +08:00
|
|
|
line-height: 1.4;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.release {
|
|
|
|
|
#release-list {
|
2020-11-16 04:58:16 +08:00
|
|
|
border-top: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-top: 20px;
|
|
|
|
|
padding-top: 15px;
|
2022-12-06 21:15:46 +08:00
|
|
|
padding-left: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-03 07:10:22 +08:00
|
|
|
.release-list-title {
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
font-weight: normal;
|
2022-12-06 21:15:46 +08:00
|
|
|
margin-top: -4px;
|
|
|
|
|
margin-bottom: 0;
|
2020-11-03 07:10:22 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> li {
|
|
|
|
|
list-style: none;
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.meta,
|
|
|
|
|
.detail {
|
|
|
|
|
padding-top: 30px;
|
|
|
|
|
padding-bottom: 40px;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.meta {
|
|
|
|
|
text-align: right;
|
|
|
|
|
position: relative;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2021-05-04 01:27:48 +08:00
|
|
|
.label {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.commit {
|
|
|
|
|
display: block;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
2021-05-04 01:27:48 +08:00
|
|
|
|
|
|
|
|
.choose {
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.detail {
|
2020-11-16 04:58:16 +08:00
|
|
|
border-left: 2px solid var(--color-secondary);
|
2015-11-17 15:18:05 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.author {
|
|
|
|
|
img {
|
2022-12-06 21:15:46 +08:00
|
|
|
margin-bottom: 3px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.download {
|
|
|
|
|
> a {
|
|
|
|
|
.svg {
|
|
|
|
|
margin-left: 5px;
|
2017-10-27 12:30:54 +08:00
|
|
|
margin-right: 5px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.list {
|
|
|
|
|
padding-left: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
li {
|
|
|
|
|
list-style: none;
|
|
|
|
|
display: block;
|
2021-05-23 08:45:39 +08:00
|
|
|
padding: 8px;
|
|
|
|
|
border: 1px solid var(--color-secondary);
|
|
|
|
|
background: var(--color-light);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
a > .text.right {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-23 08:45:39 +08:00
|
|
|
|
|
|
|
|
li + li {
|
|
|
|
|
border-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li:first-of-type {
|
|
|
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li:last-of-type {
|
|
|
|
|
border-radius: 0 var(--border-radius) var(--border-radius) 0;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.dot {
|
2022-10-13 00:26:27 +08:00
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
background-color: var(--color-secondary-dark-3);
|
2021-05-04 01:27:48 +08:00
|
|
|
z-index: 9;
|
2020-08-26 03:48:53 +08:00
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
2022-10-13 00:26:27 +08:00
|
|
|
left: -6px;
|
2020-08-26 03:48:53 +08:00
|
|
|
top: 40px;
|
2022-10-13 00:26:27 +08:00
|
|
|
border-radius: 100%;
|
|
|
|
|
border: 2.5px solid var(--color-body);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-11-03 07:10:22 +08:00
|
|
|
|
|
|
|
|
#tags-table {
|
2022-01-17 21:26:35 +08:00
|
|
|
.tag {
|
|
|
|
|
padding: 8px 12px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-03 07:10:22 +08:00
|
|
|
.release-tag-name {
|
2022-12-06 21:15:46 +08:00
|
|
|
font-size: 18px;
|
2020-11-03 07:10:22 +08:00
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.new.release {
|
|
|
|
|
.target {
|
|
|
|
|
min-width: 500px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#tag-name {
|
|
|
|
|
margin-top: -4px;
|
|
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.at {
|
|
|
|
|
margin-left: -5px;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.selection.dropdown {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-11-26 09:10:25 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.prerelease.field {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.field {
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
button,
|
|
|
|
|
input {
|
2020-11-17 13:33:19 +08:00
|
|
|
@media (max-width: 438px) {
|
2020-08-26 03:48:53 +08:00
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
button {
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaSm {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-bottom: 1em;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2021-03-23 00:09:51 +08:00
|
|
|
|
|
|
|
|
.wrap_remove {
|
|
|
|
|
height: 38px;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2021-03-23 00:09:51 +08:00
|
|
|
.attachment_edit {
|
|
|
|
|
width: 450px !important;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-11-26 09:10:25 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.forks {
|
|
|
|
|
.list {
|
|
|
|
|
margin-top: 0;
|
2015-11-27 13:24:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.item {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
2020-11-16 04:58:16 +08:00
|
|
|
border-bottom: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
.ui.avatar {
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 5px;
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-12-01 09:45:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.link {
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2022-03-30 16:42:47 +08:00
|
|
|
&.packages {
|
|
|
|
|
.empty {
|
|
|
|
|
padding-top: 70px;
|
|
|
|
|
padding-bottom: 100px;
|
|
|
|
|
|
|
|
|
|
.svg {
|
|
|
|
|
height: 48px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.file-size {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.wiki {
|
|
|
|
|
&.start {
|
|
|
|
|
.ui.segment {
|
|
|
|
|
padding-top: 70px;
|
|
|
|
|
padding-bottom: 100px;
|
2015-11-27 13:24:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.svg {
|
|
|
|
|
height: 48px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-11-18 03:42:44 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.new {
|
|
|
|
|
.ui.attached.tabular.menu.previewtabs {
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2015-11-17 15:18:05 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.view {
|
2021-05-07 16:43:41 +08:00
|
|
|
> .markup {
|
2020-08-26 03:48:53 +08:00
|
|
|
padding: 15px 30px;
|
2016-08-14 18:32:24 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6 {
|
|
|
|
|
&:first-of-type {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-09-14 16:16:22 +08:00
|
|
|
|
Limit max-height of CodeMirror editors for issue comment and wiki (#18271)
* Make the wiki editor bar sticky for longer wiki edits
On codeberg community it was requested to make the wiki editor toolbar sticky for longer wiki posts, so one wouldn't have to scroll to the top to use it. (Reference; https://codeberg.org/Codeberg/Community/issues/533).
In order to make this happen, the .editor-toolbar class needs to become position: sticky, and we need to fix it's transparent background and border-bottom. Because the bottom disappears, we add it. This makes the border become a double border, because the CodeMirror area defines borders for all. As such I've added a border-top: none, on the wiki write tab for the CodeMirror class.
* Make the issue bar in the issue view sticky for issue #10675
In issue #10675 it's requested to make the issue bar sticky upon scrolling in the issue view. The proposed change changes inline html, which is not desirable. As such I've added the position sticky option to it's container, and fix the background upon scrolling.
* Make linter happy on _repository.less
Fix 0px -> 0 to make the linter happy.
* Make linter happy on _editor.less
Fix 0px -> 0 to make the linter happy.
* Change z-index to the lowest boundary of 1
As per review of @silverwind change the z-index to it's lowest requirement of 1.
* Change z-index to the lowest boundary of 1
As per review of @silverwind change the z-index to it's lowest requirement of 1.
* Revert changes made to wiki editor (unsticky) and add max-height
Fixes the max-height to 85vh, on the proposed 90vh it just came out just slightly too large.
Unstickies the changes from the sticky commits.
* Revert changes for the sticky title editor
Removes the changes as done by the sticky title editor.
* Add max-height definition to CodeMirror-scroll
Add the max-height definition for the CodeMirror-scroll class in order to generalize the changes spoken about in PR #18271
* Remove CodeMirror-scroll definition
Remove the max-height in CodeMirror-scroll definition, in order to generalize it in the CodeMirror less file. As per discussion in #18271.
* fine tune CodeMirror min-height/max-height
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
2022-06-05 16:09:50 +08:00
|
|
|
.form .CodeMirror-scroll {
|
|
|
|
|
max-height: 85vh;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaSm {
|
2020-08-26 03:48:53 +08:00
|
|
|
.dividing.header .stackable.grid .button {
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-08-08 07:15:11 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
#clone-panel #repo-clone-url {
|
|
|
|
|
width: 160px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.settings {
|
|
|
|
|
&.collaboration {
|
|
|
|
|
.collaborator.list {
|
|
|
|
|
padding: 0;
|
2019-09-24 04:08:03 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> .item {
|
|
|
|
|
margin: 0;
|
|
|
|
|
line-height: 2em;
|
2019-09-24 04:08:03 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:not(:last-child) {
|
2020-11-16 04:58:16 +08:00
|
|
|
border-bottom: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-09-14 16:16:22 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#repo-collab-form {
|
|
|
|
|
#search-user-box {
|
|
|
|
|
.results {
|
|
|
|
|
left: 7px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.button {
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
#repo-collab-team-form {
|
|
|
|
|
#search-team-box {
|
|
|
|
|
.results {
|
|
|
|
|
left: 7px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.button {
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.branches {
|
|
|
|
|
.protected-branches {
|
|
|
|
|
.selection.dropdown {
|
|
|
|
|
width: 300px;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.item {
|
2020-11-13 09:31:25 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
padding: 10px 15px;
|
2017-10-27 12:30:54 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:not(:last-child) {
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-09-14 16:16:22 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.branch-protection {
|
|
|
|
|
.help {
|
|
|
|
|
margin-left: 26px;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.fields {
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
display: block;
|
2017-03-22 18:43:54 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.whitelist {
|
|
|
|
|
margin-left: 26px;
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.dropdown img {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.webhook {
|
|
|
|
|
.events {
|
|
|
|
|
.column {
|
|
|
|
|
padding-bottom: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.help {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
margin-left: 26px;
|
|
|
|
|
padding-top: 0;
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.attached.isSigned.isWarning {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-left: 1px solid var(--color-error-border);
|
|
|
|
|
border-right: 1px solid var(--color-error-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
&.top,
|
|
|
|
|
&.message {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-top: 1px solid var(--color-error-border);
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.message {
|
|
|
|
|
box-shadow: none;
|
2021-12-01 07:40:17 +08:00
|
|
|
background-color: var(--color-error-bg);
|
|
|
|
|
color: var(--color-error-text);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.text {
|
2021-12-01 07:40:17 +08:00
|
|
|
color: var(--color-error-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:last-child,
|
|
|
|
|
&.bottom {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-bottom: 1px solid var(--color-error-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.attached.isSigned.isVerified {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-left: 1px solid var(--color-success-border);
|
|
|
|
|
border-right: 1px solid var(--color-success-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
|
|
|
|
|
&.top,
|
|
|
|
|
&.message {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-top: 1px solid var(--color-success-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.message {
|
|
|
|
|
box-shadow: none;
|
2021-12-01 07:40:17 +08:00
|
|
|
background-color: var(--color-success-bg);
|
|
|
|
|
color: var(--color-success-text);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.pull-right {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.text {
|
2021-12-01 07:40:17 +08:00
|
|
|
color: var(--color-success-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:last-child,
|
|
|
|
|
&.bottom {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-bottom: 1px solid var(--color-success-border);
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2021-12-01 07:40:17 +08:00
|
|
|
.ui.attached.isSigned.isVerifiedUntrusted,
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.attached.isSigned.isVerifiedUnmatched {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-left: 1px solid var(--color-warning-border);
|
|
|
|
|
border-right: 1px solid var(--color-warning-border);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.top,
|
|
|
|
|
&.message {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-top: 1px solid var(--color-warning-border);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.message {
|
|
|
|
|
box-shadow: none;
|
2021-12-01 07:40:17 +08:00
|
|
|
background-color: var(--color-warning-bg);
|
|
|
|
|
color: var(--color-warning-text);
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.text {
|
2021-12-01 07:40:17 +08:00
|
|
|
color: var(--color-warning-text);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:last-child,
|
|
|
|
|
&.bottom {
|
2021-12-01 07:40:17 +08:00
|
|
|
border-bottom: 1px solid var(--color-warning-border);
|
2020-02-28 03:20:55 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-28 03:20:55 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.segment.sub-menu {
|
|
|
|
|
padding: 7px;
|
|
|
|
|
line-height: 0;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.list {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
2021-10-17 22:05:32 +08:00
|
|
|
align-items: center;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.item {
|
|
|
|
|
width: 100%;
|
2021-03-15 04:27:58 +08:00
|
|
|
color: var(--color-text);
|
2020-10-25 03:15:29 +08:00
|
|
|
|
|
|
|
|
&:first-of-type {
|
|
|
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
2021-10-17 22:05:32 +08:00
|
|
|
padding-left: .25rem;
|
2020-10-25 03:15:29 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:last-of-type {
|
|
|
|
|
border-radius: 0 var(--border-radius) var(--border-radius) 0;
|
2021-10-17 22:05:32 +08:00
|
|
|
padding-right: .25rem;
|
2020-10-25 03:15:29 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
a {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover {
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-primary-light-2);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.active {
|
2020-11-29 14:22:04 +08:00
|
|
|
background: var(--color-secondary);
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-27 12:30:54 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segment.reactions,
|
|
|
|
|
.select-reaction {
|
|
|
|
|
&.dropdown .menu {
|
|
|
|
|
right: 0 !important;
|
|
|
|
|
left: auto !important;
|
|
|
|
|
min-width: 15em;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> .header {
|
|
|
|
|
margin: .75rem 0 .5rem;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> .item {
|
|
|
|
|
float: left;
|
|
|
|
|
padding: .25rem !important;
|
|
|
|
|
margin: .25rem;
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
width: 39px;
|
|
|
|
|
left: 13px;
|
2020-08-29 01:39:41 +08:00
|
|
|
border-radius: 6px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
img.emoji {
|
|
|
|
|
margin-right: 0;
|
2017-12-04 07:14:26 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-08-29 01:39:41 +08:00
|
|
|
|
|
|
|
|
> .item:hover {
|
2020-10-31 20:17:32 +08:00
|
|
|
background: var(--color-primary);
|
2020-08-29 01:39:41 +08:00
|
|
|
}
|
2017-12-04 07:14:26 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segment.reactions {
|
|
|
|
|
padding: 0;
|
|
|
|
|
display: flex;
|
2020-11-06 03:34:04 +08:00
|
|
|
border: none !important;
|
|
|
|
|
border-top: 1px solid var(--color-secondary) !important;
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
max-width: 100% !important;
|
|
|
|
|
margin: 0 !important;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.label {
|
|
|
|
|
max-height: 40px;
|
2020-10-31 20:17:32 +08:00
|
|
|
padding: 10px 18px !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
display: flex !important;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-right: 1px solid;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: normal;
|
2020-11-06 03:34:04 +08:00
|
|
|
border-color: var(--color-secondary) !important;
|
2021-05-12 14:16:22 +08:00
|
|
|
background: var(--color-reaction-bg);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.disabled {
|
|
|
|
|
cursor: default;
|
2020-11-01 06:15:11 +08:00
|
|
|
opacity: 1;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-11-01 06:15:11 +08:00
|
|
|
.ui.label.basic {
|
|
|
|
|
color: var(--color-primary) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2022-05-20 06:08:08 +08:00
|
|
|
.ui.label.basic.primary {
|
2021-05-12 14:16:22 +08:00
|
|
|
background-color: var(--color-reaction-active-bg) !important;
|
2020-11-06 03:34:04 +08:00
|
|
|
border-color: var(--color-secondary) !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-11-16 05:47:04 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.reaction-count {
|
|
|
|
|
margin-left: .5rem;
|
|
|
|
|
}
|
2020-04-29 02:05:39 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.select-reaction {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0 14px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:not(.active) a {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&:hover .select-reaction a {
|
|
|
|
|
display: block;
|
2017-12-04 07:14:26 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-10-29 08:19:18 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.fluid.action.input {
|
|
|
|
|
.ui.search.action.input {
|
|
|
|
|
flex: auto;
|
2019-10-29 08:19:18 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-11 17:34:17 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.repository-summary {
|
2020-10-25 03:15:29 +08:00
|
|
|
box-shadow: none !important;
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segment.language-stats-details,
|
|
|
|
|
.segment.repository-summary {
|
|
|
|
|
border-top: none;
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
2020-02-27 04:44:14 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segment.language-stats-details .item {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
2020-03-20 10:10:02 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.segment.language-stats {
|
2022-04-14 16:57:19 +08:00
|
|
|
&:extend(.unselectable);
|
2020-08-26 03:48:53 +08:00
|
|
|
padding: 0;
|
|
|
|
|
height: 11px;
|
|
|
|
|
display: flex;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-radius: 0;
|
2020-02-27 04:44:14 +08:00
|
|
|
|
2021-10-17 22:05:32 +08:00
|
|
|
@media @mediaSm {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.bar {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
2020-06-03 10:40:08 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-06-03 10:40:08 +08:00
|
|
|
|
2020-10-25 03:15:29 +08:00
|
|
|
.repository-menu {
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository-menu .item {
|
|
|
|
|
padding-top: 9px !important;
|
|
|
|
|
padding-bottom: 9px !important;
|
|
|
|
|
}
|
2015-08-06 22:48:11 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2015-10-03 07:58:36 +08:00
|
|
|
// End of .repository
|
2015-08-06 22:48:11 +08:00
|
|
|
|
2022-11-12 01:02:50 +08:00
|
|
|
#cite-repo-modal {
|
|
|
|
|
#citation-panel {
|
|
|
|
|
width: 500px;
|
|
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
width: 50%;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.citation.button {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
padding: 7.5px 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#citation-copy-content {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
font-size: 1.2em;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#citation-copy-apa,
|
|
|
|
|
#citation-copy-bibtex {
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#goto-citation-btn {
|
|
|
|
|
border-left: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
>:first-child {
|
|
|
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
>:last-child {
|
|
|
|
|
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon.button {
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-12-21 20:24:11 +08:00
|
|
|
&.user-cards {
|
2020-08-26 03:48:53 +08:00
|
|
|
.list {
|
|
|
|
|
padding: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
2017-12-03 03:48:43 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.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;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.name {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.meta {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-12-21 20:24:11 +08:00
|
|
|
}
|
|
|
|
|
|
2015-11-22 14:32:09 +08:00
|
|
|
#search-repo-box,
|
2015-11-17 15:18:05 +08:00
|
|
|
#search-user-box {
|
2020-08-26 03:48:53 +08:00
|
|
|
.results {
|
|
|
|
|
.result {
|
2022-09-12 17:08:46 +08:00
|
|
|
img {
|
2020-08-26 03:48:53 +08:00
|
|
|
float: left;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
width: 2em;
|
|
|
|
|
height: 2em;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.content {
|
|
|
|
|
margin: 6px 0;
|
|
|
|
|
}
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-11-17 15:18:05 +08:00
|
|
|
}
|
|
|
|
|
|
2019-09-24 04:08:03 +08:00
|
|
|
#search-team-box {
|
2020-08-26 03:48:53 +08:00
|
|
|
.results {
|
|
|
|
|
.result {
|
|
|
|
|
.content {
|
|
|
|
|
margin: 6px 0;
|
|
|
|
|
}
|
2019-09-24 04:08:03 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-09-24 04:08:03 +08:00
|
|
|
}
|
|
|
|
|
|
2019-02-28 01:24:21 +08:00
|
|
|
#issue-actions {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-top: -1rem !important; // counteract padding from Semantic
|
2019-02-28 01:24:21 +08:00
|
|
|
}
|
|
|
|
|
|
2020-02-12 05:25:41 +08:00
|
|
|
.ui.menu .item > img:not(.ui) {
|
2020-08-26 03:48:53 +08:00
|
|
|
width: auto;
|
2020-02-12 05:25:41 +08:00
|
|
|
}
|
|
|
|
|
|
2015-08-25 22:58:34 +08:00
|
|
|
.page.buttons {
|
2020-08-26 03:48:53 +08:00
|
|
|
padding-top: 15px;
|
2015-08-25 22:58:34 +08:00
|
|
|
}
|
|
|
|
|
|
2021-12-01 07:40:17 +08:00
|
|
|
.commit-header-row {
|
|
|
|
|
min-height: 50px !important;
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-15 20:55:03 +08:00
|
|
|
.settings {
|
2020-08-26 03:48:53 +08:00
|
|
|
.content {
|
|
|
|
|
> .header,
|
|
|
|
|
.segment {
|
2020-11-09 00:29:18 +08:00
|
|
|
box-shadow: 0 1px 2px 0 var(--color-box-header);
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2022-11-24 14:43:07 +08:00
|
|
|
&.webhooks .list > .item:not(:first-child),
|
Implement actions (#21937)
Close #13539.
Co-authored by: @lunny @appleboy @fuxiaohei and others.
Related projects:
- https://gitea.com/gitea/actions-proto-def
- https://gitea.com/gitea/actions-proto-go
- https://gitea.com/gitea/act
- https://gitea.com/gitea/act_runner
### Summary
The target of this PR is to bring a basic implementation of "Actions",
an internal CI/CD system of Gitea. That means even though it has been
merged, the state of the feature is **EXPERIMENTAL**, and please note
that:
- It is disabled by default;
- It shouldn't be used in a production environment currently;
- It shouldn't be used in a public Gitea instance currently;
- Breaking changes may be made before it's stable.
**Please comment on #13539 if you have any different product design
ideas**, all decisions reached there will be adopted here. But in this
PR, we don't talk about **naming, feature-creep or alternatives**.
### ⚠️ Breaking
`gitea-actions` will become a reserved user name. If a user with the
name already exists in the database, it is recommended to rename it.
### Some important reviews
- What is `DEFAULT_ACTIONS_URL` in `app.ini` for?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1055954954
- Why the api for runners is not under the normal `/api/v1` prefix?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061173592
- Why DBFS?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061301178
- Why ignore events triggered by `gitea-actions` bot?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1063254103
- Why there's no permission control for actions?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1090229868
### What it looks like
<details>
#### Manage runners
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205870657-c72f590e-2e08-4cd4-be7f-2e0abb299bbf.png">
#### List runs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872794-50fde990-2b45-48c1-a178-908e4ec5b627.png">
#### View logs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872501-9b7b9000-9542-4991-8f55-18ccdada77c3.png">
</details>
### How to try it
<details>
#### 1. Start Gitea
Clone this branch and [install from
source](https://docs.gitea.io/en-us/install-from-source).
Add additional configurations in `app.ini` to enable Actions:
```ini
[actions]
ENABLED = true
```
Start it.
If all is well, you'll see the management page of runners:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205877365-8e30a780-9b10-4154-b3e8-ee6c3cb35a59.png">
#### 2. Start runner
Clone the [act_runner](https://gitea.com/gitea/act_runner), and follow
the
[README](https://gitea.com/gitea/act_runner/src/branch/main/README.md)
to start it.
If all is well, you'll see a new runner has been added:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205878000-216f5937-e696-470d-b66c-8473987d91c3.png">
#### 3. Enable actions for a repo
Create a new repo or open an existing one, check the `Actions` checkbox
in settings and submit.
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879705-53e09208-73c0-4b3e-a123-2dcf9aba4b9c.png">
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879383-23f3d08f-1a85-41dd-a8b3-54e2ee6453e8.png">
If all is well, you'll see a new tab "Actions":
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205881648-a8072d8c-5803-4d76-b8a8-9b2fb49516c1.png">
#### 4. Upload workflow files
Upload some workflow files to `.gitea/workflows/xxx.yaml`, you can
follow the [quickstart](https://docs.github.com/en/actions/quickstart)
of GitHub Actions. Yes, Gitea Actions is compatible with GitHub Actions
in most cases, you can use the same demo:
```yaml
name: GitHub Actions Demo
run-name: ${{ github.actor }} is testing out GitHub Actions 🚀
on: [push]
jobs:
Explore-GitHub-Actions:
runs-on: ubuntu-latest
steps:
- run: echo "🎉 The job was automatically triggered by a ${{ github.event_name }} event."
- run: echo "🐧 This job is now running on a ${{ runner.os }} server hosted by GitHub!"
- run: echo "🔎 The name of your branch is ${{ github.ref }} and your repository is ${{ github.repository }}."
- name: Check out repository code
uses: actions/checkout@v3
- run: echo "💡 The ${{ github.repository }} repository has been cloned to the runner."
- run: echo "🖥️ The workflow is now ready to test your code on the runner."
- name: List files in the repository
run: |
ls ${{ github.workspace }}
- run: echo "🍏 This job's status is ${{ job.status }}."
```
If all is well, you'll see a new run in `Actions` tab:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884473-79a874bc-171b-4aaf-acd5-0241a45c3b53.png">
#### 5. Check the logs of jobs
Click a run and you'll see the logs:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884800-994b0374-67f7-48ff-be9a-4c53f3141547.png">
#### 6. Go on
You can try more examples in [the
documents](https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions)
of GitHub Actions, then you might find a lot of bugs.
Come on, PRs are welcome.
</details>
See also: [Feature Preview: Gitea
Actions](https://blog.gitea.io/2022/12/feature-preview-gitea-actions/)
---------
Co-authored-by: a1012112796 <1012112796@qq.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: delvh <dev.lh@web.de>
Co-authored-by: ChristopherHX <christopher.homberger@web.de>
Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2023-01-31 09:45:19 +08:00
|
|
|
&.githooks .list > .item:not(:first-child),
|
|
|
|
|
&.runners .list > .item:not(:first-child) {
|
2022-11-24 14:43:07 +08:00
|
|
|
padding: .25rem 1rem;
|
|
|
|
|
margin: 12px -1rem -1rem;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.list {
|
|
|
|
|
> .item {
|
|
|
|
|
&:not(:first-child) {
|
2020-11-13 09:31:25 +08:00
|
|
|
border-top: 1px solid var(--color-secondary);
|
2022-11-24 14:43:07 +08:00
|
|
|
padding: 1rem;
|
|
|
|
|
margin: 16px -1rem -1rem;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> .svg {
|
|
|
|
|
display: table-cell;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
> .svg + .content {
|
|
|
|
|
display: table-cell;
|
|
|
|
|
padding: 0 0 0 .5em;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.info {
|
|
|
|
|
margin-top: 10px;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.tab.segment {
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 10px 0 0;
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.key {
|
|
|
|
|
.meta {
|
|
|
|
|
padding-top: 5px;
|
2020-11-29 14:22:04 +08:00
|
|
|
color: var(--color-text-light-2);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.email {
|
|
|
|
|
> .item:not(:first-child) {
|
|
|
|
|
min-height: 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.collaborator {
|
|
|
|
|
> .item {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-07-24 23:13:42 +08:00
|
|
|
}
|
|
|
|
|
|
2015-08-10 00:23:20 +08:00
|
|
|
.ui.vertical.menu {
|
2020-08-26 03:48:53 +08:00
|
|
|
.header.item {
|
|
|
|
|
font-size: 1.1em;
|
2020-11-09 00:29:18 +08:00
|
|
|
background: var(--color-box-header);
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2015-08-10 00:23:20 +08:00
|
|
|
}
|
2015-07-24 23:13:42 +08:00
|
|
|
|
2020-11-08 07:15:09 +08:00
|
|
|
.comment:target .comment-container {
|
2020-11-06 03:34:04 +08:00
|
|
|
border-color: var(--color-primary) !important;
|
|
|
|
|
box-shadow: 0 0 0 3px var(--color-primary-alpha-30) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
.comment:target .header::before {
|
2020-11-06 03:34:04 +08:00
|
|
|
border-right-color: var(--color-primary) !important;
|
|
|
|
|
filter: drop-shadow(-3px 0 0 var(--color-primary-alpha-30)) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-comment:target {
|
|
|
|
|
border-color: var(--color-primary) !important;
|
|
|
|
|
border-radius: var(--border-radius) !important;
|
|
|
|
|
box-shadow: 0 0 0 3px var(--color-primary-alpha-30) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-comment:target .content {
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-02 04:04:26 +08:00
|
|
|
.comment-header {
|
2020-12-27 22:24:27 +08:00
|
|
|
#avatar-arrow();
|
2020-11-06 03:34:04 +08:00
|
|
|
border: none !important;
|
2020-12-17 23:52:58 +08:00
|
|
|
background: var(--color-box-header);
|
2020-11-06 03:34:04 +08:00
|
|
|
border-bottom: 1px solid var(--color-secondary) !important;
|
2020-11-02 04:04:26 +08:00
|
|
|
font-weight: normal !important;
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
padding: .5rem 1rem;
|
2020-11-02 04:04:26 +08:00
|
|
|
margin: 0 !important;
|
|
|
|
|
position: relative;
|
2020-12-17 23:52:58 +08:00
|
|
|
color: var(--color-text-light-2);
|
2020-11-09 00:29:18 +08:00
|
|
|
min-height: 41px;
|
|
|
|
|
background-color: var(--color-box-header);
|
2020-11-02 04:04:26 +08:00
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
&.arrow-top::before,
|
|
|
|
|
&.arrow-top::after {
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.arrow-top::before {
|
|
|
|
|
top: -9px;
|
|
|
|
|
left: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.arrow-top::after {
|
|
|
|
|
top: -8px;
|
|
|
|
|
left: 7px;
|
|
|
|
|
}
|
2020-12-17 23:52:58 +08:00
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: var(--color-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
|
color: var(--color-primary);
|
|
|
|
|
}
|
2020-11-02 04:04:26 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-01 06:15:11 +08:00
|
|
|
.comment-header .actions a {
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
padding: .5rem !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.comment-header-left > * + *,
|
|
|
|
|
.comment-header-right > * + * {
|
|
|
|
|
margin-left: .25rem;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-06 03:34:04 +08:00
|
|
|
.comment-body {
|
2020-12-17 23:52:58 +08:00
|
|
|
background: var(--color-box-body);
|
2020-11-06 03:34:04 +08:00
|
|
|
border: none !important;
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
max-width: 100% !important;
|
|
|
|
|
margin: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-09 22:45:38 +08:00
|
|
|
.edit-label.modal,
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
.new-label.modal {
|
2020-08-26 03:48:53 +08:00
|
|
|
.form {
|
|
|
|
|
.column {
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.buttons {
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.color.picker.column {
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
display: flex;
|
|
|
|
|
.minicolors {
|
|
|
|
|
flex: 1;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.minicolors-swatch.minicolors-sprite {
|
|
|
|
|
top: 10px;
|
|
|
|
|
left: 10px;
|
|
|
|
|
width: 15px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2015-08-30 03:21:59 +08:00
|
|
|
}
|
|
|
|
|
|
2016-02-08 00:41:11 +08:00
|
|
|
#avatar-arrow {
|
2020-11-11 02:28:07 +08:00
|
|
|
&::before,
|
|
|
|
|
&::after {
|
2020-08-26 03:48:53 +08:00
|
|
|
right: 100%;
|
|
|
|
|
top: 20px;
|
|
|
|
|
border: solid transparent;
|
|
|
|
|
content: " ";
|
|
|
|
|
height: 0;
|
|
|
|
|
width: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::before {
|
2020-11-02 04:04:26 +08:00
|
|
|
border-right-color: var(--color-secondary);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-width: 9px;
|
|
|
|
|
margin-top: -9px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-11-09 00:29:18 +08:00
|
|
|
border-right-color: var(--color-box-header);
|
2020-08-26 03:48:53 +08:00
|
|
|
border-width: 8px;
|
|
|
|
|
margin-top: -8px;
|
|
|
|
|
}
|
2016-02-07 12:20:11 +08:00
|
|
|
}
|
|
|
|
|
|
2015-08-30 03:21:59 +08:00
|
|
|
#transfer-repo-modal,
|
2020-07-02 22:09:09 +08:00
|
|
|
#delete-repo-modal,
|
|
|
|
|
#delete-wiki-modal,
|
|
|
|
|
#convert-fork-repo-modal,
|
2021-12-13 09:59:09 +08:00
|
|
|
#convert-mirror-repo-modal,
|
|
|
|
|
#fork-repo-modal {
|
2020-08-26 03:48:53 +08:00
|
|
|
.ui.message {
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
}
|
2015-12-08 04:20:54 +08:00
|
|
|
}
|
2016-08-12 08:07:09 +08:00
|
|
|
|
|
|
|
|
// generate .tab-size-{i} from 1 to 16
|
|
|
|
|
.generate-tab-size(16);
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2016-08-12 08:07:09 +08:00
|
|
|
.generate-tab-size(@n, @i: 1) when (@i =< @n) {
|
2020-08-26 03:48:53 +08:00
|
|
|
.tab-size-@{i} {
|
|
|
|
|
tab-size: @i !important;
|
2020-11-16 09:08:43 +08:00
|
|
|
-moz-tab-size: @i !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.generate-tab-size(@n, (@i + 1));
|
2016-08-12 08:07:09 +08:00
|
|
|
}
|
2017-10-15 07:17:39 +08:00
|
|
|
|
2017-10-22 04:07:06 +08:00
|
|
|
.stats-table {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: table;
|
|
|
|
|
width: 100%;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.table-cell {
|
|
|
|
|
display: table-cell;
|
2019-05-07 02:43:40 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
&.tiny {
|
|
|
|
|
height: .5em;
|
2017-12-03 03:48:43 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2017-10-15 07:17:39 +08:00
|
|
|
}
|
2017-11-30 13:08:40 +08:00
|
|
|
|
2020-11-29 11:26:03 +08:00
|
|
|
.labels-list .label {
|
2020-12-30 07:48:28 +08:00
|
|
|
margin: 2px 0;
|
2020-11-29 11:26:03 +08:00
|
|
|
display: inline-block !important;
|
2021-10-26 20:29:48 +08:00
|
|
|
line-height: 1.3em; // there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly
|
2020-11-25 19:20:40 +08:00
|
|
|
}
|
|
|
|
|
|
Scoped labels (#22585)
Add a new "exclusive" option per label. This makes it so that when the
label is named `scope/name`, no other label with the same `scope/`
prefix can be set on an issue.
The scope is determined by the last occurence of `/`, so for example
`scope/alpha/name` and `scope/beta/name` are considered to be in
different scopes and can coexist.
Exclusive scopes are not enforced by any database rules, however they
are enforced when editing labels at the models level, automatically
removing any existing labels in the same scope when either attaching a
new label or replacing all labels.
In menus use a circle instead of checkbox to indicate they function as
radio buttons per scope. Issue filtering by label ensures that only a
single scoped label is selected at a time. Clicking with alt key can be
used to remove a scoped label, both when editing individual issues and
batch editing.
Label rendering refactor for consistency and code simplification:
* Labels now consistently have the same shape, emojis and tooltips
everywhere. This includes the label list and label assignment menus.
* In label list, show description below label same as label menus.
* Don't use exactly black/white text colors to look a bit nicer.
* Simplify text color computation. There is no point computing luminance
in linear color space, as this is a perceptual problem and sRGB is
closer to perceptually linear.
* Increase height of label assignment menus to show more labels. Showing
only 3-4 labels at a time leads to a lot of scrolling.
* Render all labels with a new RenderLabel template helper function.
Label creation and editing in multiline modal menu:
* Change label creation to open a modal menu like label editing.
* Change menu layout to place name, description and colors on separate
lines.
* Don't color cancel button red in label editing modal menu.
* Align text to the left in model menu for better readability and
consistent with settings layout elsewhere.
Custom exclusive scoped label rendering:
* Display scoped label prefix and suffix with slightly darker and
lighter background color respectively, and a slanted edge between them
similar to the `/` symbol.
* In menus exclusive labels are grouped with a divider line.
---------
Co-authored-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>
2023-02-19 03:17:39 +08:00
|
|
|
// Scoped labels with different colors on left and right, and slanted divider in the middle
|
|
|
|
|
.scope-parent {
|
|
|
|
|
background: none !important;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.label.scope-left {
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.label.scope-middle {
|
|
|
|
|
width: 12px;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.label.scope-right {
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2022-08-08 07:15:11 +08:00
|
|
|
.repo-button-row {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repo-button-row > * {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wiki .repo-button-row {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wiki .repo-button-row > * {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repo-button-row .button {
|
|
|
|
|
padding: 6px 10px !important;
|
|
|
|
|
height: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repo-button-row input {
|
|
|
|
|
height: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
2017-12-03 01:20:52 +08:00
|
|
|
tbody.commit-list {
|
2020-08-26 03:48:53 +08:00
|
|
|
vertical-align: baseline;
|
2017-11-30 13:08:40 +08:00
|
|
|
}
|
|
|
|
|
|
2023-02-24 04:28:18 +08:00
|
|
|
.message-wrapper,
|
|
|
|
|
.author-wrapper {
|
2020-08-26 03:48:53 +08:00
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
max-width: calc(100% - 50px);
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
2019-06-14 09:32:14 +08:00
|
|
|
}
|
|
|
|
|
|
2023-02-24 04:28:18 +08:00
|
|
|
.author-wrapper {
|
|
|
|
|
max-width: 180px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-09-10 05:03:18 +08:00
|
|
|
// in the commit list, messages can wrap so we can use inline
|
|
|
|
|
.commit-list .message-wrapper {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
2023-01-20 23:23:03 +08:00
|
|
|
// but in the repo-files-table we cannot
|
|
|
|
|
#repo-files-table .commit-list .message-wrapper {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaSm {
|
2020-08-26 03:48:53 +08:00
|
|
|
tr.commit-list {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
th .message-wrapper {
|
|
|
|
|
display: block;
|
|
|
|
|
max-width: calc(100vw - 70px);
|
|
|
|
|
}
|
2023-02-24 04:28:18 +08:00
|
|
|
|
|
|
|
|
.author-wrapper {
|
|
|
|
|
max-width: 80px;
|
|
|
|
|
}
|
2020-02-18 01:45:55 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaMd {
|
2020-08-26 03:48:53 +08:00
|
|
|
tr.commit-list {
|
|
|
|
|
width: 723px;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
th .message-wrapper {
|
2023-02-24 04:28:18 +08:00
|
|
|
max-width: 120px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-18 01:45:55 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaLg {
|
2020-08-26 03:48:53 +08:00
|
|
|
tr.commit-list {
|
|
|
|
|
width: 933px;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
th .message-wrapper {
|
2023-02-24 04:28:18 +08:00
|
|
|
max-width: 350px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-18 01:45:55 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaXl {
|
2020-08-26 03:48:53 +08:00
|
|
|
tr.commit-list {
|
|
|
|
|
width: 1127px;
|
|
|
|
|
}
|
2021-10-16 10:55:06 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
th .message-wrapper {
|
2023-02-24 04:28:18 +08:00
|
|
|
max-width: 525px;
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-02-18 01:45:55 +08:00
|
|
|
}
|
|
|
|
|
|
2019-08-09 20:57:29 +08:00
|
|
|
.commit-list .commit-status-link {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
2019-06-14 09:32:14 +08:00
|
|
|
}
|
|
|
|
|
|
2017-11-30 13:08:40 +08:00
|
|
|
.commit-body {
|
2020-08-26 03:48:53 +08:00
|
|
|
white-space: pre-wrap;
|
2021-03-09 01:55:37 +08:00
|
|
|
line-height: initial;
|
2021-01-04 20:18:12 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository:not(.diff) {
|
2021-03-09 01:55:37 +08:00
|
|
|
.commit-body { // commit history list
|
2021-01-04 20:18:12 +08:00
|
|
|
margin: 0;
|
|
|
|
|
}
|
2021-03-09 01:55:37 +08:00
|
|
|
|
|
|
|
|
.timeline-item .commit-body { // PR-comment
|
|
|
|
|
margin-left: 40px;
|
|
|
|
|
}
|
2017-11-30 13:08:40 +08:00
|
|
|
}
|
2017-12-31 08:47:52 +08:00
|
|
|
|
2020-12-19 04:00:07 +08:00
|
|
|
.git-notes.top {
|
|
|
|
|
text-align: left;
|
2019-05-24 15:52:05 +08:00
|
|
|
}
|
|
|
|
|
|
2022-12-02 17:42:34 +08:00
|
|
|
.comment-diff-data {
|
|
|
|
|
background: var(--color-code-bg);
|
|
|
|
|
max-height: calc(100vh - 10.5rem);
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.comment-diff-data pre {
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-history-detail-dialog .header .avatar {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-11 10:51:44 +08:00
|
|
|
#topic_edit {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-top: 5px;
|
2018-04-11 10:51:44 +08:00
|
|
|
}
|
|
|
|
|
|
2019-02-06 05:59:26 +08:00
|
|
|
#repo-topics {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-top: 5px;
|
2020-11-29 14:22:04 +08:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: wrap;
|
2018-05-10 00:29:04 +08:00
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
2019-02-06 05:59:26 +08:00
|
|
|
.repo-topic {
|
2020-11-29 14:22:04 +08:00
|
|
|
font-weight: normal !important;
|
2020-08-26 03:48:53 +08:00
|
|
|
cursor: pointer;
|
2020-11-29 14:22:04 +08:00
|
|
|
margin: 2px !important;
|
2019-02-06 05:59:26 +08:00
|
|
|
}
|
|
|
|
|
|
2019-05-12 19:10:12 +08:00
|
|
|
#new-dependency-drop-list {
|
2020-08-26 03:48:53 +08:00
|
|
|
&.ui.selection.dropdown {
|
|
|
|
|
min-width: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
border-right: 0;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
2019-05-12 19:10:12 +08:00
|
|
|
|
2020-08-26 03:48:53 +08:00
|
|
|
.text {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
2019-02-06 05:59:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#manage_topic {
|
2020-08-26 03:48:53 +08:00
|
|
|
font-size: 12px;
|
2019-02-06 05:59:26 +08:00
|
|
|
}
|
|
|
|
|
|
2019-05-13 14:26:32 +08:00
|
|
|
.label + #manage_topic {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-left: 5px;
|
2019-02-06 05:59:26 +08:00
|
|
|
}
|
|
|
|
|
|
2019-12-04 12:10:40 +08:00
|
|
|
.ui.small.label.topic {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-bottom: 4px;
|
2019-12-04 12:10:40 +08:00
|
|
|
}
|
|
|
|
|
|
2019-02-06 05:59:26 +08:00
|
|
|
.repo-header {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
flex-wrap: wrap;
|
2020-12-30 07:48:28 +08:00
|
|
|
word-break: break-word;
|
2022-04-24 00:56:33 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
+ .container {
|
|
|
|
|
margin-top: 7px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-02-06 05:59:26 +08:00
|
|
|
}
|
|
|
|
|
|
2020-12-27 18:53:53 +08:00
|
|
|
.repo-buttons {
|
2020-08-26 03:48:53 +08:00
|
|
|
align-items: center;
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
word-break: keep-all;
|
2022-04-24 00:56:33 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
}
|
2019-03-06 08:48:30 +08:00
|
|
|
|
2021-06-28 16:21:43 +08:00
|
|
|
.repo-buttons .ui.labeled.button > .label:hover {
|
|
|
|
|
color: var(--color-primary-light-2);
|
|
|
|
|
background: var(--color-light);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.label-mimic-enabled() {
|
|
|
|
|
color: var(--color-text-dark);
|
|
|
|
|
background: var(--color-light-mimic-enabled) !important;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: var(--color-primary-dark-1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-12-27 18:53:53 +08:00
|
|
|
.repo-buttons button[disabled] ~ .label {
|
|
|
|
|
opacity: var(--opacity-disabled);
|
2021-06-28 16:21:43 +08:00
|
|
|
.label-mimic-enabled();
|
2019-03-06 08:48:30 +08:00
|
|
|
}
|
|
|
|
|
|
2021-03-14 22:48:28 +08:00
|
|
|
.repo-buttons .ui.labeled.button {
|
|
|
|
|
cursor: initial;
|
|
|
|
|
|
|
|
|
|
> .label {
|
|
|
|
|
border-left: 0 !important;
|
|
|
|
|
margin: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.disabled {
|
|
|
|
|
pointer-events: inherit !important;
|
|
|
|
|
|
2021-06-28 16:21:43 +08:00
|
|
|
> .label {
|
|
|
|
|
.label-mimic-enabled();
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-14 22:48:28 +08:00
|
|
|
> .button {
|
|
|
|
|
pointer-events: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
@media @mediaSm {
|
|
|
|
|
.svg {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-03-06 08:48:30 +08:00
|
|
|
}
|
2019-08-08 22:46:03 +08:00
|
|
|
|
2020-07-13 21:21:19 +08:00
|
|
|
.tag-code {
|
2020-08-26 03:48:53 +08:00
|
|
|
height: 28px;
|
2020-07-13 21:21:19 +08:00
|
|
|
}
|
|
|
|
|
|
2019-08-08 22:46:03 +08:00
|
|
|
.tag-code,
|
2022-09-23 11:00:29 +08:00
|
|
|
.tag-code td,
|
|
|
|
|
.tag-code .blob-excerpt {
|
|
|
|
|
background-color: var(--color-box-body-highlight);
|
2020-08-26 03:48:53 +08:00
|
|
|
vertical-align: middle;
|
2019-11-15 10:52:59 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-02 04:04:26 +08:00
|
|
|
.resolved-placeholder {
|
|
|
|
|
font-weight: normal !important;
|
|
|
|
|
border: 1px solid var(--color-secondary) !important;
|
|
|
|
|
border-radius: var(--border-radius) !important;
|
|
|
|
|
margin: 4px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.resolved-placeholder + .comment-code-cloud {
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-17 11:07:38 +08:00
|
|
|
td.blob-excerpt {
|
2022-09-23 11:00:29 +08:00
|
|
|
background-color: var(--color-secondary-alpha-30);
|
2020-08-17 11:07:38 +08:00
|
|
|
}
|
|
|
|
|
|
2021-12-18 13:29:00 +08:00
|
|
|
.issue-keyword {
|
|
|
|
|
border-bottom: 1px dotted var(--color-text-light-3) !important;
|
2020-12-19 04:00:07 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.issue-keyword:hover {
|
2021-12-18 13:29:00 +08:00
|
|
|
border-bottom: none !important;
|
2019-10-14 06:29:10 +08:00
|
|
|
}
|
|
|
|
|
|
2019-10-07 12:59:17 +08:00
|
|
|
.file-header {
|
2022-06-12 17:30:22 +08:00
|
|
|
align-items: center;
|
2020-08-26 03:48:53 +08:00
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
2022-06-27 20:34:20 +08:00
|
|
|
overflow-x: auto;
|
2022-09-16 04:57:42 +08:00
|
|
|
padding: 6px 12px !important;
|
|
|
|
|
font-size: 13px !important;
|
2019-10-07 12:59:17 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.file-info {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2019-10-07 12:59:17 +08:00
|
|
|
}
|
|
|
|
|
|
2020-09-09 01:17:56 +08:00
|
|
|
.file-info-entry {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2022-06-12 17:30:22 +08:00
|
|
|
width: max-content;
|
2020-09-09 01:17:56 +08:00
|
|
|
}
|
|
|
|
|
|
2019-10-07 12:59:17 +08:00
|
|
|
.file-info-entry + .file-info-entry {
|
2022-02-02 02:21:08 +08:00
|
|
|
border-left: 1px solid currentcolor;
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-left: 8px;
|
|
|
|
|
padding-left: 8px;
|
2019-10-07 12:59:17 +08:00
|
|
|
}
|
2019-10-29 22:29:39 +08:00
|
|
|
|
2022-09-27 13:22:19 +08:00
|
|
|
#diff-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
#diff-file-boxes {
|
|
|
|
|
flex: 1;
|
2023-02-18 09:47:06 +08:00
|
|
|
max-width: 100%;
|
2022-09-27 13:22:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#diff-file-tree {
|
|
|
|
|
width: 20%;
|
|
|
|
|
max-width: 380px;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
position: sticky;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
top: 47px;
|
|
|
|
|
max-height: calc(100vh - 50px);
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media @mediaMdAndDown {
|
|
|
|
|
#diff-file-tree {
|
2022-10-14 17:43:25 +08:00
|
|
|
display: none !important;
|
2022-09-27 13:22:19 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diff-toggle-file-tree-button {
|
2022-10-14 17:43:25 +08:00
|
|
|
display: none !important;
|
2022-09-27 13:22:19 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-01-07 09:18:52 +08:00
|
|
|
.ui.message.unicode-escape-prompt {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wiki-content-sidebar .ui.message.unicode-escape-prompt,
|
|
|
|
|
.wiki-content-footer .ui.message.unicode-escape-prompt {
|
|
|
|
|
p {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-06-08 16:59:16 +08:00
|
|
|
.wiki-content-toc {
|
|
|
|
|
> ul > li {
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
margin: 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding-left: 1em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-01-07 09:18:52 +08:00
|
|
|
/* fomantic's last-child selector does not work with hidden last child */
|
|
|
|
|
.ui.buttons .unescape-button {
|
|
|
|
|
border-top-right-radius: .28571429rem;
|
|
|
|
|
border-bottom-right-radius: .28571429rem;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-04 15:14:07 +08:00
|
|
|
.webhook-info {
|
|
|
|
|
padding: 7px 12px;
|
|
|
|
|
margin: 10px 0;
|
2021-05-07 16:43:41 +08:00
|
|
|
background-color: var(--color-markup-code-block);
|
2021-03-30 14:02:41 +08:00
|
|
|
border: 1px solid var(--color-secondary);
|
2020-11-04 15:14:07 +08:00
|
|
|
border-radius: 3px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
|
2019-10-29 22:29:39 +08:00
|
|
|
.title_wip_desc {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-top: 1em;
|
2019-10-29 22:29:39 +08:00
|
|
|
}
|
2020-01-26 16:17:25 +08:00
|
|
|
|
2020-11-29 14:22:04 +08:00
|
|
|
.sidebar-item-link {
|
|
|
|
|
align-items: center;
|
2023-02-28 04:19:50 +08:00
|
|
|
word-break: break-all;
|
2020-11-29 14:22:04 +08:00
|
|
|
}
|
|
|
|
|
|
2020-01-26 16:17:25 +08:00
|
|
|
.diff-file-box[data-folded="true"] .diff-file-body {
|
2020-08-26 03:48:53 +08:00
|
|
|
display: none;
|
2020-01-26 16:17:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diff-file-box[data-folded="true"] .diff-file-header {
|
2020-10-25 03:15:29 +08:00
|
|
|
border-radius: var(--border-radius) !important;
|
2020-01-26 16:17:25 +08:00
|
|
|
}
|
2020-03-26 06:58:25 +08:00
|
|
|
|
2020-12-21 02:00:03 +08:00
|
|
|
.diff-file-header-actions > * + * {
|
|
|
|
|
margin-left: .5rem !important;
|
2020-12-12 09:06:22 +08:00
|
|
|
}
|
|
|
|
|
|
2021-02-12 02:28:51 +08:00
|
|
|
.ui.attached.header.diff-file-header {
|
|
|
|
|
&.sticky-2nd-row {
|
|
|
|
|
position: sticky;
|
2023-02-24 22:29:49 +08:00
|
|
|
top: 77px;
|
2021-02-12 02:28:51 +08:00
|
|
|
z-index: 7;
|
2023-02-24 22:29:49 +08:00
|
|
|
|
2021-02-12 02:28:51 +08:00
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
position: static;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-02-18 09:47:06 +08:00
|
|
|
.diff-file-body {
|
|
|
|
|
overflow-x: scroll;
|
|
|
|
|
}
|
|
|
|
|
|
2020-12-12 09:06:22 +08:00
|
|
|
.diff-stats-bar {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
background-color: var(--color-red);
|
|
|
|
|
height: 12px;
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
|
|
|
|
.diff-stats-add-bar {
|
|
|
|
|
background-color: var(--color-green);
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-26 06:58:25 +08:00
|
|
|
/* prevent page shaking on language bar click */
|
2020-10-25 03:15:29 +08:00
|
|
|
.repository-summary-language-stats {
|
2020-08-26 03:48:53 +08:00
|
|
|
height: 48px;
|
|
|
|
|
overflow: hidden;
|
2021-10-17 22:05:32 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
2020-03-26 06:58:25 +08:00
|
|
|
}
|
2020-05-15 00:06:01 +08:00
|
|
|
|
2020-05-17 01:45:44 +08:00
|
|
|
.ui.form .right .ui.button {
|
2020-08-26 03:48:53 +08:00
|
|
|
margin-left: .25em;
|
|
|
|
|
margin-right: 0;
|
2020-05-15 03:15:21 +08:00
|
|
|
}
|
|
|
|
|
|
2020-05-15 00:06:01 +08:00
|
|
|
.removed-code {
|
2020-12-17 23:52:58 +08:00
|
|
|
background: var(--color-diff-removed-word-bg);
|
2020-05-15 00:06:01 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.added-code {
|
2020-12-17 23:52:58 +08:00
|
|
|
background: var(--color-diff-added-word-bg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-diff-unified .del-code,
|
|
|
|
|
.code-diff-unified .del-code td,
|
|
|
|
|
.code-diff-split .del-code .lines-num-old,
|
2022-01-07 09:18:52 +08:00
|
|
|
.code-diff-split .del-code .lines-escape-old,
|
2020-12-17 23:52:58 +08:00
|
|
|
.code-diff-split .del-code .lines-type-marker-old,
|
|
|
|
|
.code-diff-split .del-code .lines-code-old {
|
|
|
|
|
background: var(--color-diff-removed-row-bg);
|
|
|
|
|
border-color: var(--color-diff-removed-row-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-diff-unified .add-code,
|
|
|
|
|
.code-diff-unified .add-code td,
|
|
|
|
|
.code-diff-split .add-code .lines-num-new,
|
|
|
|
|
.code-diff-split .add-code .lines-type-marker-new,
|
2022-01-07 09:18:52 +08:00
|
|
|
.code-diff-split .add-code .lines-escape-new,
|
2020-12-17 23:52:58 +08:00
|
|
|
.code-diff-split .add-code .lines-code-new,
|
|
|
|
|
.code-diff-split .del-code .add-code.lines-num-new,
|
|
|
|
|
.code-diff-split .del-code .add-code.lines-type-marker-new,
|
2022-01-07 09:18:52 +08:00
|
|
|
.code-diff-split .del-code .add-code.lines-escape-new,
|
2020-12-17 23:52:58 +08:00
|
|
|
.code-diff-split .del-code .add-code.lines-code-new {
|
|
|
|
|
background: var(--color-diff-added-row-bg);
|
|
|
|
|
border-color: var(--color-diff-added-row-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-diff-split .del-code .lines-num-new,
|
|
|
|
|
.code-diff-split .del-code .lines-type-marker-new,
|
|
|
|
|
.code-diff-split .del-code .lines-code-new,
|
2022-01-07 09:18:52 +08:00
|
|
|
.code-diff-split .del-code .lines-escape-new,
|
2020-12-17 23:52:58 +08:00
|
|
|
.code-diff-split .add-code .lines-num-old,
|
2022-01-07 09:18:52 +08:00
|
|
|
.code-diff-split .add-code .lines-escape-old,
|
2020-12-17 23:52:58 +08:00
|
|
|
.code-diff-split .add-code .lines-type-marker-old,
|
|
|
|
|
.code-diff-split .add-code .lines-code-old {
|
|
|
|
|
background: var(--color-diff-inactive);
|
|
|
|
|
}
|
|
|
|
|
|
2022-10-25 19:11:49 +08:00
|
|
|
.code-diff-split tbody tr td:nth-child(5),
|
|
|
|
|
.code-diff-split tbody tr td.add-comment-right {
|
2020-12-17 23:52:58 +08:00
|
|
|
border-left: 1px solid var(--color-secondary);
|
2020-05-15 00:06:01 +08:00
|
|
|
}
|
2020-06-23 00:44:06 +08:00
|
|
|
|
|
|
|
|
.repository .ui.menu.new-menu {
|
2020-08-26 03:48:53 +08:00
|
|
|
background: none !important;
|
2020-06-23 00:44:06 +08:00
|
|
|
|
2020-11-17 13:33:19 +08:00
|
|
|
@media @mediaLgAndDown {
|
2020-11-11 02:28:07 +08:00
|
|
|
&::after {
|
2020-08-26 03:48:53 +08:00
|
|
|
background: none !important;
|
2020-06-23 00:44:06 +08:00
|
|
|
}
|
2020-08-26 03:48:53 +08:00
|
|
|
}
|
2020-06-23 00:44:06 +08:00
|
|
|
}
|
2020-08-17 11:07:38 +08:00
|
|
|
|
2020-12-05 18:09:09 +08:00
|
|
|
.repository.migrate .card {
|
|
|
|
|
transition: all .1s ease-in-out;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
border: 1px solid var(--color-secondary);
|
2021-08-19 00:07:52 +08:00
|
|
|
color: var(--color-text);
|
2020-12-05 18:09:09 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository.migrate .card:hover {
|
|
|
|
|
transform: scale(105%);
|
|
|
|
|
box-shadow: 0 .5rem 1rem var(--color-shadow) !important;
|
2020-09-10 02:29:10 +08:00
|
|
|
}
|
2022-04-28 09:59:49 +08:00
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
.repository.file.list {
|
|
|
|
|
#repo-files-table {
|
|
|
|
|
.entry,
|
|
|
|
|
.commit-list {
|
|
|
|
|
align-items: center;
|
|
|
|
|
display: flex !important;
|
|
|
|
|
padding-top: 4px;
|
|
|
|
|
padding-bottom: 4px;
|
|
|
|
|
|
|
|
|
|
td.age,
|
|
|
|
|
th.age {
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.message,
|
|
|
|
|
span.commit-summary {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
.issue-list-headers.ui[class].grid {
|
|
|
|
|
> div:nth-child(1) {
|
|
|
|
|
order: 1;
|
|
|
|
|
width: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> div:nth-child(2) {
|
|
|
|
|
order: 3;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> div.column:not(.row):nth-child(3) {
|
|
|
|
|
order: 2;
|
|
|
|
|
width: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository.view.issue .comment-list {
|
|
|
|
|
.timeline,
|
|
|
|
|
.timeline-item {
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeline {
|
|
|
|
|
&::before {
|
|
|
|
|
left: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.inline-timeline-avatar {
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-bottom: auto;
|
|
|
|
|
|
2022-09-12 17:08:46 +08:00
|
|
|
img.avatar {
|
Improve UI on mobile (#19546)
Start making the mobile experience not painful and be actually usable. This contains a few smaller changes to enhance this experience.
- Submit buttons on the review forms aren't columns anymore and are now allowed to be displayed on one row.
- The label/milestone & New Issue buttons were given each own row even tough, there's enough place to do it one the same row. This commit fixes that.
- The issues+Pull tab on repo's has a third item besides the label/milestone & New Issue buttons, the search bar. On desktop there's enough place to do this on one row, for mobile it isn't, currently it was using for each item a new row. This commits fixes that by only giving the searchbar a new row and have the other two buttons on the same row.
- The notification table will now be show a scrollbar instead of overflow.
- The repo buttons(Watch, Star, Fork) on mobile were showing quite big and the SVG wasn't even displayed on the same line, if the count of those numbers were too high it would even overflow. This commit removes the SVG, as there isn't any place to show them on the same row and allows them to have a new row if the counts of those buttons are high.
- The admin page can show you a lot of interesting information, on mobile the System Status + Configuration weren't properly displayed as the margin's were too high. This commit fixes that by reducing the margin to a number that makes sense on mobile.
- Fixes to not overflow the tables but instead force them to be scrollable.
- When viewing a issue or pull request, the comments aren't full-width but instead 80% and aligned to right, on mobile this is a annoyance as there isn't much width to begin with. This commits fixes that by forcing full-width and removing the avatars on the left side and instead including them inline in the comment header.
2022-05-02 00:11:21 +08:00
|
|
|
height: 24px;
|
|
|
|
|
width: 24px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.comment-header {
|
|
|
|
|
&::before,
|
|
|
|
|
&::after {
|
|
|
|
|
content: unset;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Don't show the general avatar, we show the inline avatar on mobile.
|
|
|
|
|
* And don't show the role labels, there's no place for that. */
|
|
|
|
|
.timeline-avatar,
|
|
|
|
|
.comment-header-right .role-label {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-05-17 00:45:12 +08:00
|
|
|
.commit-header-row {
|
|
|
|
|
.ui.horizontal.list {
|
|
|
|
|
width: 100%;
|
2022-07-10 20:58:26 +08:00
|
|
|
overflow-x: auto;
|
2022-05-17 00:45:12 +08:00
|
|
|
margin-top: 2px;
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
align-items: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.author {
|
|
|
|
|
padding: 3px 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.commit-header h3 {
|
|
|
|
|
flex-basis: auto !important;
|
|
|
|
|
margin-bottom: .5rem !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.commits-table {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
.commits-table-left {
|
|
|
|
|
align-items: initial !important;
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.commits-table-right form {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
> div:nth-child(1) {
|
|
|
|
|
order: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> div:nth-child(2) {
|
|
|
|
|
order: 3;
|
|
|
|
|
margin-left: .5rem;
|
|
|
|
|
margin-top: .5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> button:nth-child(3) {
|
|
|
|
|
order: 2;
|
|
|
|
|
margin-left: .25rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.commit-table {
|
2022-07-10 20:58:26 +08:00
|
|
|
overflow-x: auto;
|
2022-05-17 00:45:12 +08:00
|
|
|
|
|
|
|
|
td.sha,
|
|
|
|
|
th.sha {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.commit-list {
|
|
|
|
|
span.message-wrapper {
|
|
|
|
|
max-width: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
tr td:last-child {
|
|
|
|
|
display: block;
|
|
|
|
|
width: max-content;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.author {
|
|
|
|
|
display: block;
|
|
|
|
|
width: calc(100% + .5rem);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.copy-commit-sha {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-08-15 00:02:59 +08:00
|
|
|
|
|
|
|
|
.comment-header {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
.comment-header-left {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.comment-header-right {
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-04-28 09:59:49 +08:00
|
|
|
}
|
2022-08-08 07:15:11 +08:00
|
|
|
|
|
|
|
|
.branch-dropdown-button {
|
|
|
|
|
max-width: 340px;
|
|
|
|
|
vertical-align: bottom !important;
|
|
|
|
|
|
|
|
|
|
@media @mediaMd {
|
|
|
|
|
max-width: 185px;
|
|
|
|
|
}
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
max-width: 165px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-10-28 21:49:42 +08:00
|
|
|
|
|
|
|
|
.pr-status {
|
|
|
|
|
padding: 0 !important; // To clear fomantic's padding on .ui.segment elements
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.commit-status {
|
|
|
|
|
margin: 1em;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status-context {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
> span {
|
|
|
|
|
padding: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status-details {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding-right: .5em;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
|
|
@media @mediaSm {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> span {
|
|
|
|
|
padding-right: .5em; // To match the alignment with the "required" label
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|