From f53f8f26f627d8fd66dfe28c7c7dabf24f53728e Mon Sep 17 00:00:00 2001
From: cnotv <giuseppe.leo@suse.com>
Date: Mon, 23 Sep 2024 17:54:18 +0200
Subject: [PATCH 1/2] Fix Ingress Rule Path CSS

---
 .../networking.k8s.io.ingress/RulePath.vue    | 42 +++++++++----------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/shell/edit/networking.k8s.io.ingress/RulePath.vue b/shell/edit/networking.k8s.io.ingress/RulePath.vue
index 413436ab326..028f83e268c 100644
--- a/shell/edit/networking.k8s.io.ingress/RulePath.vue
+++ b/shell/edit/networking.k8s.io.ingress/RulePath.vue
@@ -181,36 +181,27 @@ export default {
   </div>
 </template>
 <style lang="scss" scoped>
+// TODO #11952: Correct deep statement
 $row-height: 40px;
-
-.labeled-input :deep(), :deep() .labeled-input {
-  padding: 0 !important;
-  height: 100%;
-  input.no-label {
-    height: calc($row-height - 2px);
-    padding: 10px;
-  }
-}
-.rule-path :deep() {
-  .col, INPUT {
-    height: $row-height;
-  }
-
-  .unlabeled-select {
+.rule-path {
+  :deep(.labeled-input), :deep(.labeled-input) {
+    padding: 0 !important;
     height: 100%;
-  }
 
-  .path-type {
-    .unlabeled-select {
-      min-width: 200px;
+    input.no-label {
+      height: calc($row-height - 2px);
+      padding: 10px;
     }
   }
 
-  &, .input-container {
+  :deep(.col), INPUT {
+    height: $row-height;
+  }
+  &, :deep(.input-container) {
     height: $row-height;
   }
 
-  .input-container .in-input.unlabeled-select {
+  :deep(.input-container) :deep(.in-input.unlabeled-select) {
     width: initial;
   }
 
@@ -218,11 +209,16 @@ $row-height: 40px;
     line-height: $row-height;
   }
 
-  .v-select INPUT {
+  :deep(.v-select) INPUT {
     height: 50px;
   }
-  .labeled-input {
+  :deep(.labeled-input) {
     padding-top: 6px;
   }
+
+  :deep(.unlabeled-select) {
+    height: 100%;
+    min-width: 200px;
+  }
 }
 </style>

From 337c43937df888cb9681b9a899a40636bf912d3f Mon Sep 17 00:00:00 2001
From: cnotv <giuseppe.leo@suse.com>
Date: Fri, 27 Sep 2024 14:30:15 +0200
Subject: [PATCH 2/2] Remove duplicated selector

---
 shell/edit/networking.k8s.io.ingress/RulePath.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/shell/edit/networking.k8s.io.ingress/RulePath.vue b/shell/edit/networking.k8s.io.ingress/RulePath.vue
index 028f83e268c..add79d24cbe 100644
--- a/shell/edit/networking.k8s.io.ingress/RulePath.vue
+++ b/shell/edit/networking.k8s.io.ingress/RulePath.vue
@@ -184,7 +184,7 @@ export default {
 // TODO #11952: Correct deep statement
 $row-height: 40px;
 .rule-path {
-  :deep(.labeled-input), :deep(.labeled-input) {
+  :deep(.labeled-input) {
     padding: 0 !important;
     height: 100%;