7d717e22a8
Backport #24184 by @krzysztofjeziorny A vertical overflow appears in Firefox 112/MacOS 12.6 when the system setting for scrollbars is to "Always" show them. Here, the fixed 100vw container widths are removed, which removes the overflow. It is, however, only simulated in Developer Tools in latest Firefox and Chromium, so please test on a Gitea installation. Co-authored-by: Krzysztof Jeziorny <872730+krzysztofjeziorny@users.noreply.github.com>
202 lines
3.7 KiB
CSS
202 lines
3.7 KiB
CSS
.dashboard.feeds .context.user.menu,
|
|
.dashboard.issues .context.user.menu {
|
|
z-index: 101;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.dashboard.feeds .context.user.menu .ui.header,
|
|
.dashboard.issues .context.user.menu .ui.header {
|
|
font-size: 1rem;
|
|
text-transform: none;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu,
|
|
.dashboard.issues .filter.menu {
|
|
width: initial;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu .item,
|
|
.dashboard.issues .filter.menu .item {
|
|
text-align: left;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu .item .text,
|
|
.dashboard.issues .filter.menu .item .text {
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu .item .text.truncate,
|
|
.dashboard.issues .filter.menu .item .text.truncate {
|
|
width: 75%;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu .item .floating.label,
|
|
.dashboard.issues .filter.menu .item .floating.label {
|
|
top: 7px;
|
|
left: 90%;
|
|
width: 15%;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.dashboard.feeds .filter.menu .item .floating.label,
|
|
.dashboard.issues .filter.menu .item .floating.label {
|
|
top: 10px;
|
|
left: auto;
|
|
width: auto;
|
|
right: 13px;
|
|
}
|
|
}
|
|
|
|
/* Sort */
|
|
.dashboard.feeds .filter.menu .jump.item,
|
|
.dashboard.issues .filter.menu .jump.item {
|
|
margin: 1px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.dashboard.feeds .filter.menu .menu,
|
|
.dashboard.issues .filter.menu .menu {
|
|
max-height: 300px;
|
|
overflow-x: auto;
|
|
right: 0 !important;
|
|
left: auto !important;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.dashboard.feeds .filter.menu,
|
|
.dashboard.issues .filter.menu {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.dashboard.feeds .right.stackable.menu > .item.active,
|
|
.dashboard.issues .right.stackable.menu > .item.active {
|
|
color: var(--color-red);
|
|
}
|
|
|
|
.dashboard .dashboard-repos,
|
|
.dashboard .dashboard-orgs {
|
|
margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
|
|
}
|
|
|
|
.dashboard .dashboard-navbar {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
|
|
.dashboard .dashboard-navbar .org-visibility .label {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.dashboard .dashboard-navbar .ui.dropdown {
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.dashboard .dashboard-navbar .ui.dropdown > .menu {
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
.feeds .news li {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.feeds .news li img {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.feeds .news li > * + * {
|
|
margin-left: 0.35rem;
|
|
}
|
|
|
|
.feeds .news > .ui.grid {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.feeds .news .left .ui.avatar {
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.feeds .news .time-since {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.feeds .news .issue.title {
|
|
width: 80%;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.feeds .news .push.news .content ul {
|
|
line-height: 18px;
|
|
font-size: 13px;
|
|
list-style: none;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.feeds .news .push.news .content ul .text.truncate {
|
|
width: 80%;
|
|
}
|
|
|
|
.feeds .news .commit-id {
|
|
font-family: var(--fonts-monospace);
|
|
}
|
|
|
|
.feeds .news code {
|
|
padding: 2px 4px;
|
|
border-radius: 3px;
|
|
background-color: var(--color-markup-code-block);
|
|
word-break: break-all;
|
|
}
|
|
|
|
.feeds .news:last-of-type .divider {
|
|
display: none !important;
|
|
}
|
|
|
|
.feeds .list ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.feeds .list ul li:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-secondary);
|
|
}
|
|
|
|
.feeds .list ul li.private {
|
|
background-color: var(--color-box-body-highlight);
|
|
}
|
|
|
|
.feeds .list ul li .repo-list-link {
|
|
padding: 6px 1em;
|
|
display: block;
|
|
}
|
|
|
|
.feeds .list ul li .repo-list-link .svg {
|
|
color: var(--color-text-light-2);
|
|
}
|
|
|
|
.feeds .list ul li .repo-list-link .star-num {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.feeds .list #privateFilterCheckbox .svg {
|
|
color: var(--color-grey);
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
.feeds .list .repo-owner-name-list .item-name {
|
|
min-width: 0;
|
|
}
|
|
|
|
.feeds .list .repo-owner-name-list .item-name svg {
|
|
min-width: 16px;
|
|
}
|