nune/gitea
nune/gitea
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Improve mobile review ui (#31091) (#31136)

Browse source 
Backport #31091 by @silverwind

Fixes: https://github.com/go-gitea/gitea/issues/31071

Not perfect but much better than before.

Before: Overflows, sticky not working, filename unreadable:

<img width="506" alt="Screenshot 2024-05-27 at 02 02 40"
src="a06b1edf-dece-4402-98c2-68670fca265f">

After:
<img width="457" alt="Screenshot 2024-05-27 at 01 59 06"
src="2a282c96-e719-4554-b418-81963ae6269c">

Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
Giteabot 2024-05-28 22:10:01 +08:00 • committed by GitHub
parent e6bacf1fed
commit b615a59db8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 69 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web_src/css/modules/comment.css
View file

@ -14,6 +14,7 @@
}
.ui.comments .comment {
display: flex;
position: relative;
background: none;
margin: 3px 0 0;
@ -23,6 +24,10 @@
line-height: 1.2;
}
.edit-content-zone .comment {
flex-direction: column;
}
.ui.comments .comment:first-child {
margin-top: 0;
padding-top: 0;
@ -46,16 +51,17 @@
}
.ui.comments .comment .avatar {
float: left;
width: 2.5em;
width: 30px;
}
.ui.comments .comment > .content {
display: block;
display: flex;
flex-direction: column;
flex: 1;
}
.ui.comments .comment > .avatar ~ .content {
margin-left: 3.5em;
margin-left: 12px;
}
.ui.comments .comment .author {

3
web_src/css/modules/segment.css
View file

@ -156,7 +156,8 @@
.ui.attached.segment:last-child,
.ui.segment:has(+ .ui.segment:not(.attached)),
.ui.attached.segment:has(+ .ui.modal) {
border-radius: 0 0 0.28571429rem 0.28571429rem;
border-bottom-left-radius: 0.28571429rem;
border-bottom-right-radius: 0.28571429rem;
}
.ui[class*="top attached"].segment {