Regenerate fomantic lockfile and build it with our browserslist (#29560)

1. Make fomantic build use [our
browserslist](e3524c63d6/package.json (L99)).
I found no other way than to sed-replace into it's js, the normal
browserlist config files do not work. The effect of this change is the
removal of some uneeded CSS vendor prefixes.
2. Regenerate `web_src/fomantic/package-lock.json`, this might shut up
some security scanners.

---------

Co-authored-by: Giteabot <teabot@gitea.io>
(cherry picked from commit da3b7f5039158faae4b617ca878061f8a4f3e489)
This commit is contained in:
silverwind 2024-03-04 21:24:12 +01:00 committed by Earl Warren
parent e7297d423f
commit 2cb07e8415
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
3 changed files with 1267 additions and 689 deletions

View file

@ -961,6 +961,7 @@ fomantic:
cd $(FOMANTIC_WORK_DIR) && npm install --no-save
cp -f $(FOMANTIC_WORK_DIR)/theme.config.less $(FOMANTIC_WORK_DIR)/node_modules/fomantic-ui/src/theme.config
cp -rf $(FOMANTIC_WORK_DIR)/_site $(FOMANTIC_WORK_DIR)/node_modules/fomantic-ui/src/
$(SED_INPLACE) -e 's/ overrideBrowserslist\r/ overrideBrowserslist: ["defaults"]\r/g' $(FOMANTIC_WORK_DIR)/node_modules/fomantic-ui/tasks/config/tasks.js
cd $(FOMANTIC_WORK_DIR) && npx gulp -f node_modules/fomantic-ui/gulpfile.js build
# fomantic uses "touchstart" as click event for some browsers, it's not ideal, so we force fomantic to always use "click" as click event
$(SED_INPLACE) -e 's/clickEvent[ \t]*=/clickEvent = "click", unstableClickEvent =/g' $(FOMANTIC_WORK_DIR)/build/semantic.js

View file

@ -156,7 +156,6 @@
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid currentColor;
color: #FFFFFF;
@ -530,7 +529,6 @@
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
text-align: center;
-webkit-animation: none;
animation: none;
padding: 0.78571429em 0 0.78571429em 0;
margin: 0;
@ -594,7 +592,6 @@
/* Loading Icon in Labeled Button */
.ui.labeled.icon.button > .loading.icon:before {
-webkit-animation: loader 2s linear infinite;
animation: loader 2s linear infinite;
}
@ -2350,7 +2347,6 @@
.ui.checkbox {
position: relative;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
vertical-align: baseline;
@ -3227,9 +3223,7 @@
background: rgba(0, 0, 0, 0.85);
opacity: 0;
line-height: 1;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
transition: background-color 0.5s linear;
flex-direction: column;
@ -3458,44 +3452,25 @@ body.dimmable > .dimmer {
}
.ui[class*="center dimmer"].transition[class*="fade up"].in {
-webkit-animation-name: fadeInUpCenter;
animation-name: fadeInUpCenter;
}
.ui[class*="center dimmer"].transition[class*="fade down"].in {
-webkit-animation-name: fadeInDownCenter;
animation-name: fadeInDownCenter;
}
.ui[class*="center dimmer"].transition[class*="fade up"].out {
-webkit-animation-name: fadeOutUpCenter;
animation-name: fadeOutUpCenter;
}
.ui[class*="center dimmer"].transition[class*="fade down"].out {
-webkit-animation-name: fadeOutDownCenter;
animation-name: fadeOutDownCenter;
}
.ui[class*="center dimmer"].bounce.transition {
-webkit-animation-name: bounceCenter;
animation-name: bounceCenter;
}
@-webkit-keyframes fadeInUpCenter {
0% {
opacity: 0;
transform: translateY(-40%);
-webkit-transform: translateY(calc(-40% - 0.5px));
}
100% {
opacity: 1;
transform: translateY(-50%);
-webkit-transform: translateY(calc(-50% - 0.5px));
}
}
@keyframes fadeInUpCenter {
0% {
opacity: 0;
@ -3510,20 +3485,6 @@ body.dimmable > .dimmer {
}
}
@-webkit-keyframes fadeInDownCenter {
0% {
opacity: 0;
transform: translateY(-60%);
-webkit-transform: translateY(calc(-60% - 0.5px));
}
100% {
opacity: 1;
transform: translateY(-50%);
-webkit-transform: translateY(calc(-50% - 0.5px));
}
}
@keyframes fadeInDownCenter {
0% {
opacity: 0;
@ -3538,20 +3499,6 @@ body.dimmable > .dimmer {
}
}
@-webkit-keyframes fadeOutUpCenter {
0% {
opacity: 1;
transform: translateY(-50%);
-webkit-transform: translateY(calc(-50% - 0.5px));
}
100% {
opacity: 0;
transform: translateY(-45%);
-webkit-transform: translateY(calc(-45% - 0.5px));
}
}
@keyframes fadeOutUpCenter {
0% {
opacity: 1;
@ -3566,20 +3513,6 @@ body.dimmable > .dimmer {
}
}
@-webkit-keyframes fadeOutDownCenter {
0% {
opacity: 1;
transform: translateY(-50%);
-webkit-transform: translateY(calc(-50% - 0.5px));
}
100% {
opacity: 0;
transform: translateY(-55%);
-webkit-transform: translateY(calc(-55% - 0.5px));
}
}
@keyframes fadeOutDownCenter {
0% {
opacity: 1;
@ -3594,21 +3527,6 @@ body.dimmable > .dimmer {
}
}
@-webkit-keyframes bounceCenter {
0%, 20%, 50%, 80%, 100% {
transform: translateY(-50%);
-webkit-transform: translateY(calc(-50% - 0.5px));
}
40% {
transform: translateY(calc(-50% - 30px));
}
60% {
transform: translateY(calc(-50% - 15px));
}
}
@keyframes bounceCenter {
0%, 20%, 50%, 80%, 100% {
transform: translateY(-50%);
@ -3672,7 +3590,6 @@ body.dimmable > .dimmer {
display: none;
outline: none;
top: 100%;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
margin: 0;
@ -4068,7 +3985,6 @@ select.ui.dropdown {
.ui.selection.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
border-top-width: 0 !important;
@ -4280,7 +4196,6 @@ select.ui.dropdown {
@supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
@media (-moz-touch-enabled), (pointer: coarse) {
.ui.dropdown .scrollhint.menu:not(.hidden):before {
-webkit-animation: scrollhint 2s ease 2;
animation: scrollhint 2s ease 2;
content: '';
z-index: 15;
@ -4301,18 +4216,6 @@ select.ui.dropdown {
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
}
@-webkit-keyframes scrollhint {
0% {
opacity: 1;
top: 100%;
}
100% {
opacity: 0;
top: 0;
}
}
@keyframes scrollhint {
0% {
opacity: 1;
@ -4414,7 +4317,6 @@ select.ui.dropdown {
.ui.search.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
@ -4682,7 +4584,6 @@ select.ui.dropdown {
margin: -0.64285714em 0 0 -0.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
@ -5072,7 +4973,6 @@ select.ui.dropdown {
.ui.scrolling.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
min-width: 100% !important;
@ -5564,7 +5464,6 @@ select.ui.dropdown {
line-height: 1;
height: 1em;
width: 1.23em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: normal;
font-style: normal;
@ -7052,7 +6951,6 @@ select.ui.dropdown {
margin: -1.5em 0 0 -1.5em;
width: 3em;
height: 3em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
@ -10299,7 +10197,6 @@ a.ui.black.header:hover {
margin: -0.64285714em 0 0 -0.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
@ -13306,7 +13203,6 @@ ol.ui.suffixed.list li:before,
left: 100%;
/* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
min-width: 0;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
margin: 0 0 0 0;
@ -16722,7 +16618,6 @@ Floated Menu / Item
margin: -0.64285714em 0 0 -0.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
@ -16904,7 +16799,6 @@ Floated Menu / Item
.ui.search.short > .results {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
@ -17201,7 +17095,6 @@ Floated Menu / Item
justify-content: center;
align-items: stretch;
max-width: initial;
-webkit-animation: none;
animation: none;
overflow: visible;
padding: 1em 1em;
@ -17494,7 +17387,6 @@ Floated Menu / Item
margin: -1.5em 0 0 -1.5em;
width: 3em;
height: 3em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
@ -17996,7 +17888,6 @@ input::selection {
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;

File diff suppressed because it is too large Load diff