luckyimnotanigger/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-06-21 16:40:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Remove CSS has selector and improve various styles (#26891)

Browse source 
Replace  #26850

Major changes:

1. Remove all `has` selectors, it is still not supported by firefox.
Actually there could be some more general and clearer approaches
2. Remove `two-toggle-buttons`, the `.ui.buttons` just works well
3. Rewrite the `.ui.buttons` border styles, see the screenshots
4. Remove the "fine-tuning" paddings from the the flex children, they
could layout themselves well.

![image](a32ed6f3-60f7-43d5-9492-62c45d2397f6)

![image](5cb173c5-c942-4237-8cb4-2697220b3f06)

![image](8a1c12b3-a632-48ff-b1a7-a01a4417f821)

![image](46bde1bd-9113-4231-965d-6ec9076f6a3b)
This commit is contained in:
wxiaoguang 2023-09-04 18:22:46 +08:00 • committed by GitHub
parent a38cf868c5
commit 51cfe0e7de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 39 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

17
web_src/css/repo.css
View file

@ -437,8 +437,8 @@
justify-content: center;
}
.pdf-content:has(.pdf-fallback-button) {
height: 100px;
.pdf-content .pdf-fallback-button {
margin: 50px auto;
}
.repository.file.list .non-diff-file-content .plain-text {
@ -1054,11 +1054,6 @@
margin: 0;
}
/* fix fomantic's border-radius via :first-child with hidden elements */
.collapsible-comment-box:has(.gt-hidden) {
border-radius: var(--border-radius) !important;
}
.repository.view.issue .comment-list .code-comment .comment-header {
background: transparent;
border-bottom: 0 !important;
@ -1637,14 +1632,10 @@
}
.repository .diff-box .header:not(.resolved-placeholder) .button {
padding: 8px 12px;
padding: 0 12px;
flex: 0 0 auto;
margin-right: 0;
}
.repository .diff-box .header:not(.resolved-placeholder) .button:has(svg) {
padding-top: 6px;
padding-bottom: 6px;
height: 30px;
}
.repository .diff-box .resolved-placeholder {