Merge pull request #2083 from candela97/fix-dlccheckboxes-styles3

Fix styles related to DLC checkboxes
IsThereAnyDeal · Nov 29, 2024 · 5790ae8 · 5790ae8
2 parents ae61c14 + 210dc7f
commit 5790ae8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/js/Content/Features/Store/App/FDLCCheckboxes.css b/src/js/Content/Features/Store/App/FDLCCheckboxes.css
@@ -1,12 +1,13 @@
 
+/* Fix the native add-all-dlc-to-cart button position on expandable dlc lists */
+#gameAreaDLCSection #dlc_purchase_action {
+    float: right;
+}
+
 #es_selected_btn {
     float: left;
-    margin-top: 4px;
     display: none;
 }
-#game_area_dlc_expanded + #es_selected_btn {
-    margin-bottom: 10px;
-}
 
 #es_dlc_option_panel {
     background-color: rgba(0, 0, 0, 0.2);
@@ -47,8 +48,7 @@
     padding: 0;
 }
 .game_area_dlc_row.dlc_highlight > div:first-child:has(.es_dlc_label) {
-    display: flex;
-    margin-left: -12px !important;
+    margin-left: -4px !important;
 }
 
 label.es_dlc_label {

diff --git a/src/js/Content/Features/Store/App/FDLCCheckboxes.ts b/src/js/Content/Features/Store/App/FDLCCheckboxes.ts
@@ -63,8 +63,7 @@ export default class FDLCCheckboxes extends Feature<CApp> {
             // TODO remove when min version is increased to FF 121
             if (!CSS.supports("selector(:has(a))")) {
                 if (dlcRow.classList.contains("dlc_highlight")) {
-                    node.style.display = "flex";
-                    node.style.marginLeft = "-12px";
+                    node.style.marginLeft = "-4px";
                 } else {
                     node.style.display = "flex";
                     node.style.marginLeft = "-4px";