diff --git a/java/code/src/com/suse/manager/webui/utils/ViewHelper.java b/java/code/src/com/suse/manager/webui/utils/ViewHelper.java index bf197a37fbdb..66f2d8a2c382 100644 --- a/java/code/src/com/suse/manager/webui/utils/ViewHelper.java +++ b/java/code/src/com/suse/manager/webui/utils/ViewHelper.java @@ -343,6 +343,6 @@ public boolean hasSshPushContactMethod(Server server) { */ @Deprecated public boolean isBootstrapReady(String uri) { - return BOOTSTRAP_READY_PAGES.contains(uri); + return true; } } diff --git a/java/code/webapp/WEB-INF/pages/ssm/systems/misc/index.jsp b/java/code/webapp/WEB-INF/pages/ssm/systems/misc/index.jsp index b47c9cb033bc..05b40fd5afca 100644 --- a/java/code/webapp/WEB-INF/pages/ssm/systems/misc/index.jsp +++ b/java/code/webapp/WEB-INF/pages/ssm/systems/misc/index.jsp @@ -39,9 +39,9 @@ - - - + + + diff --git a/java/spacewalk-java.changes.eth.all-view b/java/spacewalk-java.changes.eth.all-view new file mode 100644 index 000000000000..51f7b218bf50 --- /dev/null +++ b/java/spacewalk-java.changes.eth.all-view @@ -0,0 +1 @@ +- Update numerous page layouts diff --git a/web/html/src/branding/css/base/theme.scss b/web/html/src/branding/css/base/theme.scss index dfa946df08fc..1c6ddfdb873d 100644 --- a/web/html/src/branding/css/base/theme.scss +++ b/web/html/src/branding/css/base/theme.scss @@ -1057,6 +1057,9 @@ a time:hover { .action-button-wrapper { float: right; overflow: auto; + display: flex; + align-items: center; + gap: 8px; button, input, diff --git a/web/html/src/branding/css/susemanager/components/buttons.suma.scss b/web/html/src/branding/css/susemanager/components/buttons.suma.scss index 66c8dcda97a3..a8e6a3373bd4 100644 --- a/web/html/src/branding/css/susemanager/components/buttons.suma.scss +++ b/web/html/src/branding/css/susemanager/components/buttons.suma.scss @@ -220,7 +220,7 @@ th { a { border: none; padding: 0; - font-weight: bold; - color: $eos-bc-gray-1000; + font-weight: bold !important; + color: $eos-bc-gray-1000 !important; } } diff --git a/web/html/src/branding/css/susemanager/components/lists.scss b/web/html/src/branding/css/susemanager/components/lists.scss new file mode 100644 index 000000000000..b1cf21c2cf83 --- /dev/null +++ b/web/html/src/branding/css/susemanager/components/lists.scss @@ -0,0 +1,5 @@ +ul, +ol, +dl { + padding-left: 2rem; +} diff --git a/web/html/src/branding/css/susemanager/components/mark.scss b/web/html/src/branding/css/susemanager/components/mark.scss new file mode 100644 index 000000000000..798c7b4f353d --- /dev/null +++ b/web/html/src/branding/css/susemanager/components/mark.scss @@ -0,0 +1,5 @@ +mark { + padding: 0.2em; + background-color: #fcf8e3; + color: #000; +} diff --git a/web/html/src/branding/css/susemanager/components/tables.scss b/web/html/src/branding/css/susemanager/components/tables.scss index b1aab53ae979..28d53618aeda 100644 --- a/web/html/src/branding/css/susemanager/components/tables.scss +++ b/web/html/src/branding/css/susemanager/components/tables.scss @@ -31,6 +31,10 @@ thead tr { font-weight: bold !important; background: transparent; } + + .text-center { + text-align: center; + } } tbody tr, diff --git a/web/html/src/branding/css/susemanager/index.scss b/web/html/src/branding/css/susemanager/index.scss index e2f84d97b3c4..684f48fbd999 100644 --- a/web/html/src/branding/css/susemanager/index.scss +++ b/web/html/src/branding/css/susemanager/index.scss @@ -32,6 +32,8 @@ @import "./components/help-block.scss"; @import "./components/collapse.scss"; @import "./components/icons.scss"; +@import "./components/mark.scss"; +@import "./components/lists.scss"; @import "./bootstrap-fixes.scss"; diff --git a/web/html/src/build/webpack.config.js b/web/html/src/build/webpack.config.js index 8c1347e1de98..2bb4c5d536f8 100644 --- a/web/html/src/build/webpack.config.js +++ b/web/html/src/build/webpack.config.js @@ -46,7 +46,7 @@ module.exports = (env, argv) => { * Scripts and dependencies we're migrating from susemanager-frontend-libs to spacewalk-web */ { - from: path.resolve(__dirname, "../node_modules/bootstrap/dist/js/bootstrap.min.js"), + from: path.resolve(__dirname, "../node_modules/bootstrap5/dist/js/bootstrap.min.js"), to: path.resolve(__dirname, "../dist/javascript/legacy"), }, { diff --git a/web/html/src/components/virtual-list/VirtualList.module.less b/web/html/src/components/virtual-list/VirtualList.module.less new file mode 100644 index 000000000000..ce7fa73a2561 --- /dev/null +++ b/web/html/src/components/virtual-list/VirtualList.module.less @@ -0,0 +1,7 @@ +:global(.old-theme), +:global(.new-theme) { + .listWrapper { + flex: 1 1 auto; + width: auto; + } +} diff --git a/web/html/src/components/virtual-list/VirtualList.tsx b/web/html/src/components/virtual-list/VirtualList.tsx index 5f3e506081a9..9cb26230edbe 100644 --- a/web/html/src/components/virtual-list/VirtualList.tsx +++ b/web/html/src/components/virtual-list/VirtualList.tsx @@ -2,6 +2,8 @@ import * as React from "react"; import { Virtuoso } from "react-virtuoso"; +import styles from "./VirtualList.module.less"; + type ListProps = { renderItem: (item: T) => JSX.Element; items: T[]; @@ -17,7 +19,7 @@ const VirtualList = (props: ListProps) => { const computeItemKey = (index: number, item: T) => props.itemKey(item); return ( -
+
{ - const pathname = window.location.pathname as PathString; - if (BOOTSTRAP_READY_PAGES.includes(pathname)) { - document.body.className = document.body.className.replace("old-theme", "new-theme"); - } else { - document.body.className = document.body.className.replace("new-theme", "old-theme"); - } + document.body.className = document.body.className.replace("old-theme", "new-theme"); }; diff --git a/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.module.css b/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.module.css index d8b069d61434..7f5a29dcdd64 100644 --- a/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.module.css +++ b/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.module.css @@ -12,6 +12,11 @@ padding: 0px; } + .gapped_label { + margin-bottom: 30px; + display: inline-block; + } + .initial_selected { color: #02a49c !important; } diff --git a/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.tsx b/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.tsx index 3573c141e8b2..0418b91aec77 100644 --- a/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.tsx +++ b/web/html/src/manager/content-management/shared/components/panels/sources/channels/channels-selection.tsx @@ -192,46 +192,48 @@ const ChannelsSelection = (props: PropsType) => { {rows && (
-