0bf07a7f61
Backport #25111 by @silverwind Improvements to the notification icon and `<nav>`: - Add a opaque color for header hover and use it, allowing the border to be the right color on hover (sadly, not otherwise possible with CSS, not even `color-mix`). - Increase font size by 1px - Use flexbox for slightly better text centering - Reduce padding of user and add repo button, add margin on right side of user menu - Remove the `following bar` wrapper on navbar <img width="176" alt="Screenshot 2023-06-07 at 00 07 08" src="https://github.com/go-gitea/gitea/assets/115237/23cdc3d6-7f63-49df-bec3-f2e75e32a304"> <img width="63" alt="Screenshot 2023-06-07 at 00 07 14" src="https://github.com/go-gitea/gitea/assets/115237/fae602c2-4467-4d50-b1ec-56317843f9a2"> <img width="84" alt="Screenshot 2023-06-07 at 00 07 36" src="https://github.com/go-gitea/gitea/assets/115237/c48141b8-0b3c-48cc-846a-3a272524dbdb"> <img width="329" alt="Screenshot 2023-06-07 at 00 25 10" src="https://github.com/go-gitea/gitea/assets/115237/cda612f1-426e-466b-a351-fc992bfd18fd"> <img width="186" alt="Screenshot 2023-06-07 at 00 35 45" src="https://github.com/go-gitea/gitea/assets/115237/04484a2e-9bbf-493c-aa26-8e936da008fa"> <img width="797" alt="Screenshot 2023-06-07 at 16 57 40" src="https://github.com/go-gitea/gitea/assets/115237/e7ccb672-5807-4cb6-b306-b18ae0c7e321"> --------- Co-authored-by: silverwind <me@silverwind.io>
88 lines
1.6 KiB
CSS
88 lines
1.6 KiB
CSS
.explore .navbar {
|
|
margin-bottom: 15px !important;
|
|
background-color: var(--color-header-wrapper) !important;
|
|
border-width: 1px !important;
|
|
}
|
|
|
|
.explore .navbar .svg {
|
|
width: 16px;
|
|
text-align: center;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.ui.repository.list .item {
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
.ui.repository.list .item:not(:first-child) {
|
|
border-top: 1px solid var(--color-secondary);
|
|
padding-top: 1.5rem;
|
|
}
|
|
|
|
.ui.repository.list .item .ui.header {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.ui.repository.list .item .ui.header .name {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.ui.repository.list .item .time {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ui.repository.list .item .ui.tags {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.ui.repository.list .repo-title .labels {
|
|
word-break: normal;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.ui.repository.branches .info {
|
|
font-size: 12px;
|
|
color: var(--color-text-light);
|
|
display: flex;
|
|
white-space: pre;
|
|
}
|
|
|
|
.ui.repository.branches .info .commit-message {
|
|
max-width: 72em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.ui.repository.branches .overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* fix alignment of PR popup in branches table */
|
|
.ui.repository.branches table .ui.popup {
|
|
text-align: left;
|
|
}
|
|
|
|
.ui.user.list .item {
|
|
padding-bottom: 25px;
|
|
display: flex;
|
|
}
|
|
|
|
.ui.user.list .item:not(:first-child) {
|
|
border-top: 1px solid var(--color-secondary);
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.ui.user.list .item img.ui.avatar {
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ui.user.list .item .description {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.ui.user.list .item .description .svg:not(:first-child) {
|
|
margin-left: 5px;
|
|
}
|