mirror of
https://github.com/go-gitea/gitea
synced 2025-07-16 15:28:37 +00:00
Start cleaning the messy ".ui.left / .ui.right", improve label list page, fix stackable menu (#24393)
Since 2015/2016, there is a global pollution: ".ui.left" / ".ui.right". Fomantic UI doesn't work this way, it just conflicts with many Fomantic definitions. This PR starts the cleaning work of such techinical debts. And, the "label list" page has been quite messy for long time, for example, why "li" appears in "div" ...... And fix #24296 <details>      </details>
This commit is contained in:
44
web_src/css/repository/issue-label.css
Normal file
44
web_src/css/repository/issue-label.css
Normal file
@@ -0,0 +1,44 @@
|
||||
.issue-label-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.issue-label-list .item {
|
||||
border-bottom: 1px solid var(--color-secondary);
|
||||
display: flex;
|
||||
padding: 1em 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.issue-label-list .item:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.issue-label-list .item:last-child {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.issue-label-list .item .label-title {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.issue-label-list .item .label-issues {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.issue-label-list .item .label-operation {
|
||||
width: 33%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.issue-label-list .item a {
|
||||
font-size: 12px;
|
||||
padding-right: 10px;
|
||||
color: var(--color-text-light);
|
||||
}
|
||||
|
||||
.issue-label-list .item.org-label {
|
||||
opacity: 0.7;
|
||||
}
|
151
web_src/css/repository/release-tag.css
Normal file
151
web_src/css/repository/release-tag.css
Normal file
@@ -0,0 +1,151 @@
|
||||
.repository.releases #release-list {
|
||||
border-top: 1px solid var(--color-secondary);
|
||||
margin-top: 20px;
|
||||
padding-top: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list .release-list-title {
|
||||
font-size: 2rem;
|
||||
font-weight: normal;
|
||||
margin-top: -4px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta,
|
||||
.repository.releases #release-list > li .detail {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta {
|
||||
text-align: right;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta .label {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta .commit {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta .choose {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .meta .choose .button {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail {
|
||||
border-left: 2px solid var(--color-secondary);
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .author img {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download > a .svg {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list li {
|
||||
list-style: none;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
border: 1px solid var(--color-secondary);
|
||||
background: var(--color-light);
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list li a > .text.right {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list li + li {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list li:first-of-type {
|
||||
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .download .list li:last-of-type {
|
||||
border-radius: 0 var(--border-radius) var(--border-radius) 0;
|
||||
}
|
||||
|
||||
.repository.releases #release-list > li .detail .dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: var(--color-secondary-dark-3);
|
||||
z-index: 9;
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: -6px;
|
||||
top: 40px;
|
||||
border-radius: 100%;
|
||||
border: 2.5px solid var(--color-body);
|
||||
}
|
||||
|
||||
.repository.tags #tags-table .tag {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.repository.tags #tags-table .release-tag-name {
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.repository.new.release .target {
|
||||
min-width: 500px;
|
||||
}
|
||||
|
||||
.repository.new.release .target #tag-name {
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.repository.new.release .target .at {
|
||||
margin-left: -5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.repository.new.release .target .selection.dropdown {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.repository.new.release .prerelease.field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 438px) {
|
||||
.repository.new.release .field button,
|
||||
.repository.new.release .field input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.repository.new.release .field button {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.repository.new.release .field .wrap_remove {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.repository.new.release .field .attachment_edit {
|
||||
width: 450px !important;
|
||||
}
|
Reference in New Issue
Block a user