It causes not only one issue like #25221 (the footer width was also affected by that change and was fixed some time ago) The problem of "overflow: overlay" (#21850) is: * It's not widely supported and is non-standard https://caniuse.com/css-overflow-overlay * It's not widely tested in Gitea (some standard layout like `ui container + ui grid` may break it). * The benefit seems smaller than the problems it brings. So, I think it is good to revert it. ---- Let's leave enough time for testing and reviewing. --------- Co-authored-by: Giteabot <teabot@gitea.io> Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
parent
8228751c55
commit
4f3253feb9
5 changed files with 7345 additions and 16 deletions
|
@ -266,19 +266,11 @@ body {
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
background-color: var(--color-body);
|
background-color: var(--color-body);
|
||||||
tab-size: var(--tab-size);
|
tab-size: var(--tab-size);
|
||||||
overflow-y: auto;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports (overflow: overlay) {
|
|
||||||
body {
|
|
||||||
overflow: overlay; /* stylelint-disable-line */
|
|
||||||
scrollbar-gutter: stable;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
@ -910,7 +902,7 @@ img.ui.avatar,
|
||||||
/* overwrite semantic width of containers inside the main page content div (div with class "page-content") */
|
/* overwrite semantic width of containers inside the main page content div (div with class "page-content") */
|
||||||
.page-content .ui.ui.ui.container:not(.fluid) {
|
.page-content .ui.ui.ui.container:not(.fluid) {
|
||||||
width: 1280px;
|
width: 1280px;
|
||||||
max-width: calc(100vw - 64px);
|
max-width: calc(100% - 64px);
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
@ -922,8 +914,7 @@ img.ui.avatar,
|
||||||
/* enable fluid page widths for medium size viewports */
|
/* enable fluid page widths for medium size viewports */
|
||||||
@media (min-width: 768px) and (max-width: 1200px) {
|
@media (min-width: 768px) and (max-width: 1200px) {
|
||||||
.page-content .ui.ui.ui.container:not(.fluid) {
|
.page-content .ui.ui.ui.container:not(.fluid) {
|
||||||
width: calc(100vw - 32px);
|
max-width: calc(100% - 32px);
|
||||||
max-width: calc(100vw - 32px);
|
|
||||||
}
|
}
|
||||||
.ui.container.fluid.padded {
|
.ui.container.fluid.padded {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
|
@ -932,8 +923,7 @@ img.ui.avatar,
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
@media (max-width: 767.98px) {
|
||||||
.page-content .ui.ui.ui.container:not(.fluid) {
|
.page-content .ui.ui.ui.container:not(.fluid) {
|
||||||
width: calc(100vw - 16px);
|
max-width: calc(100% - 16px);
|
||||||
max-width: calc(100vw - 16px);
|
|
||||||
}
|
}
|
||||||
.ui.container.fluid.padded {
|
.ui.container.fluid.padded {
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
@ -945,7 +935,6 @@ img.ui.avatar,
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: var(--color-nav-bg);
|
background: var(--color-nav-bg);
|
||||||
border-bottom: 1px solid var(--color-secondary);
|
border-bottom: 1px solid var(--color-secondary);
|
||||||
width: 100vw;
|
|
||||||
min-height: 52px;
|
min-height: 52px;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
audit=false
|
audit=false
|
||||||
fund=false
|
fund=false
|
||||||
update-notifier=false
|
update-notifier=false
|
||||||
package-lock=false
|
package-lock=true
|
||||||
|
save-exact=true
|
||||||
|
lockfile-version=3
|
||||||
optional=false
|
optional=false
|
||||||
|
|
|
@ -8,3 +8,4 @@
|
||||||
@variationPopupTooltip: false;
|
@variationPopupTooltip: false;
|
||||||
@linkHoverUnderline: underline;
|
@linkHoverUnderline: underline;
|
||||||
@variationButtonSocial: false;
|
@variationButtonSocial: false;
|
||||||
|
@pageOverflowX: visible;
|
||||||
|
|
2
web_src/fomantic/build/semantic.css
generated
2
web_src/fomantic/build/semantic.css
generated
|
@ -24658,7 +24658,7 @@ html {
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: visible;
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
font-family: var(--fonts-regular);
|
font-family: var(--fonts-regular);
|
||||||
|
|
7337
web_src/fomantic/package-lock.json
generated
Normal file
7337
web_src/fomantic/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue