From 8319730c348bae67b8035662737989715abb51ec Mon Sep 17 00:00:00 2001
From: cnotv <giuseppe.leo@suse.com>
Date: Wed, 18 Sep 2024 15:55:05 +0200
Subject: [PATCH] Flag CSS which require manual fix

---
 pkg/kubectl-explain/components/ExplainPanel.vue             | 6 ++++--
 .../src/components/StringList/StringList.vue                | 3 ++-
 shell/components/ButtonDropdown.vue                         | 3 ++-
 shell/components/ChartReadme.vue                            | 3 ++-
 shell/components/DashboardMetrics.vue                       | 3 ++-
 shell/components/ExplorerMembers.vue                        | 3 ++-
 shell/components/ExplorerProjectsNamespaces.vue             | 6 ++++--
 shell/components/Markdown.vue                               | 3 ++-
 shell/components/auth/RoleDetailEdit.vue                    | 3 ++-
 shell/components/form/EnvVars.vue                           | 3 ++-
 shell/components/form/InputWithSelect.vue                   | 3 ++-
 shell/components/form/LabeledSelect.vue                     | 3 ++-
 shell/components/form/NameNsDescription.vue                 | 3 ++-
 shell/components/form/ServicePorts.vue                      | 3 ++-
 shell/components/formatter/ClusterLink.vue                  | 3 ++-
 shell/components/nav/Group.vue                              | 3 ++-
 shell/components/nav/Header.vue                             | 3 ++-
 shell/detail/autoscaling.horizontalpodautoscaler/index.vue  | 3 ++-
 shell/edit/logging-flow/index.vue                           | 3 ++-
 shell/edit/networking.k8s.io.ingress/RulePath.vue           | 3 ++-
 .../provisioning.cattle.io.cluster/tabs/MachinePool.vue     | 3 ++-
 21 files changed, 46 insertions(+), 23 deletions(-)

diff --git a/pkg/kubectl-explain/components/ExplainPanel.vue b/pkg/kubectl-explain/components/ExplainPanel.vue
index 27c23d0f30b..366f67b0270 100644
--- a/pkg/kubectl-explain/components/ExplainPanel.vue
+++ b/pkg/kubectl-explain/components/ExplainPanel.vue
@@ -190,7 +190,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .main {
     overflow: auto;
   }
@@ -301,7 +302,8 @@ export default {
     }
   }
 </style>
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .markdown {
     :deep( ) {
       P {
diff --git a/pkg/rancher-components/src/components/StringList/StringList.vue b/pkg/rancher-components/src/components/StringList/StringList.vue
index 2a0c3524161..9de3ffac874 100644
--- a/pkg/rancher-components/src/components/StringList/StringList.vue
+++ b/pkg/rancher-components/src/components/StringList/StringList.vue
@@ -529,7 +529,8 @@ export default defineComponent({
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 
 .string-list {
   display: flex;
diff --git a/shell/components/ButtonDropdown.vue b/shell/components/ButtonDropdown.vue
index 7d4fd0176d2..117f6b82dd2 100644
--- a/shell/components/ButtonDropdown.vue
+++ b/shell/components/ButtonDropdown.vue
@@ -226,7 +226,8 @@ export default {
   </v-select>
 </template>
 
-<style lang='scss' scoped>
+<style lang='scss' scoped> 
+// TODO #11952: Correct deep statement
 .button-dropdown.btn-sm {
   :deep( > .vs__dropdown-toggle ) {
     .vs__actions {
diff --git a/shell/components/ChartReadme.vue b/shell/components/ChartReadme.vue
index 6c3ab2785c6..26f9458206d 100644
--- a/shell/components/ChartReadme.vue
+++ b/shell/components/ChartReadme.vue
@@ -52,7 +52,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .chart-readmes {
     & > h1 {
        border-top: var(--header-border-size) solid var(--header-border);
diff --git a/shell/components/DashboardMetrics.vue b/shell/components/DashboardMetrics.vue
index b53877f34c1..e6e14f0c99b 100644
--- a/shell/components/DashboardMetrics.vue
+++ b/shell/components/DashboardMetrics.vue
@@ -98,7 +98,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 .dashboard-metrics {
   & :deep( ) {
     .external-link {
diff --git a/shell/components/ExplorerMembers.vue b/shell/components/ExplorerMembers.vue
index 0387d61ba60..5cf3682e773 100644
--- a/shell/components/ExplorerMembers.vue
+++ b/shell/components/ExplorerMembers.vue
@@ -405,7 +405,8 @@ export default {
   </div>
 </template>
 
-<style lang='scss' scoped>
+<style lang='scss' scoped> 
+// TODO #11952: Correct deep statement
 
 .role {
   align-items: center;
diff --git a/shell/components/ExplorerProjectsNamespaces.vue b/shell/components/ExplorerProjectsNamespaces.vue
index e1ed0ab4d6a..d7c5e3febc4 100644
--- a/shell/components/ExplorerProjectsNamespaces.vue
+++ b/shell/components/ExplorerProjectsNamespaces.vue
@@ -501,7 +501,8 @@ export default {
     <MoveModal @moving="clearSelection" />
   </div>
 </template>
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 .project-namespaces {
   & :deep( ) {
     .project-namespaces-table table {
@@ -568,7 +569,8 @@ export default {
   }
 }
 </style>
-<style lang="scss">
+<style lang="scss"> 
+// TODO #11952: Correct deep statement
   .psa-tooltip {
     // These could pop up a lot as the mouse moves around, keep them as small and unintrusive as possible
     // (easier to test with v-clean-tooltip="{ content: getPSA(row), autoHide: false, show: true }")
diff --git a/shell/components/Markdown.vue b/shell/components/Markdown.vue
index 889961ed334..6587debb078 100644
--- a/shell/components/Markdown.vue
+++ b/shell/components/Markdown.vue
@@ -76,7 +76,8 @@ export default {
   <Loading v-else />
 </template>
 
-<style lang="scss">
+<style lang="scss"> 
+// TODO #11952: Correct deep statement
 
 :deep( ) {
   P {
diff --git a/shell/components/auth/RoleDetailEdit.vue b/shell/components/auth/RoleDetailEdit.vue
index 4b17647862a..9cc08a2d401 100644
--- a/shell/components/auth/RoleDetailEdit.vue
+++ b/shell/components/auth/RoleDetailEdit.vue
@@ -797,7 +797,8 @@ export default {
   </CruResource>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .required {
     color: var(--error);
   }
diff --git a/shell/components/form/EnvVars.vue b/shell/components/form/EnvVars.vue
index b7a97101d86..451656c754d 100644
--- a/shell/components/form/EnvVars.vue
+++ b/shell/components/form/EnvVars.vue
@@ -130,7 +130,8 @@ export default {
   </div>
 </template>
 
-<style lang='scss' scoped>
+<style lang='scss' scoped> 
+// TODO #11952: Correct deep statement
 .value-from :deep( ) {
   .v-select {
     height: 50px;
diff --git a/shell/components/form/InputWithSelect.vue b/shell/components/form/InputWithSelect.vue
index 03ec9d9e506..c359568e15c 100644
--- a/shell/components/form/InputWithSelect.vue
+++ b/shell/components/form/InputWithSelect.vue
@@ -198,7 +198,8 @@ export default {
   </div>
 </template>
 
-<style lang='scss' scoped>
+<style lang='scss' scoped> 
+// TODO #11952: Correct deep statement
 .input-container {
   display: flex;
 
diff --git a/shell/components/form/LabeledSelect.vue b/shell/components/form/LabeledSelect.vue
index fe283b215ae..4df2df72d04 100644
--- a/shell/components/form/LabeledSelect.vue
+++ b/shell/components/form/LabeledSelect.vue
@@ -419,7 +419,8 @@ export default {
   </div>
 </template>
 
-<style lang='scss' scoped>
+<style lang='scss' scoped> 
+// TODO #11952: Correct deep statement
 
 .labeled-select {
   position: relative;
diff --git a/shell/components/form/NameNsDescription.vue b/shell/components/form/NameNsDescription.vue
index 92ceb101cd2..d940e816570 100644
--- a/shell/components/form/NameNsDescription.vue
+++ b/shell/components/form/NameNsDescription.vue
@@ -505,7 +505,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 button {
   all: unset;
   height: 0;
diff --git a/shell/components/form/ServicePorts.vue b/shell/components/form/ServicePorts.vue
index fc9d681ff4c..d1901dd920b 100644
--- a/shell/components/form/ServicePorts.vue
+++ b/shell/components/form/ServicePorts.vue
@@ -273,7 +273,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
  $remove: 75;
   $checkbox: 75;
 
diff --git a/shell/components/formatter/ClusterLink.vue b/shell/components/formatter/ClusterLink.vue
index db089095829..0d30bf2d5b0 100644
--- a/shell/components/formatter/ClusterLink.vue
+++ b/shell/components/formatter/ClusterLink.vue
@@ -84,7 +84,8 @@ export default {
   </span>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .cluster-link {
     display: flex;
     align-items: center;
diff --git a/shell/components/nav/Group.vue b/shell/components/nav/Group.vue
index 893e410fece..dd304d3e240 100644
--- a/shell/components/nav/Group.vue
+++ b/shell/components/nav/Group.vue
@@ -282,7 +282,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .header {
     position: relative;
     cursor: pointer;
diff --git a/shell/components/nav/Header.vue b/shell/components/nav/Header.vue
index e1b351c0c78..dd486fd5cce 100644
--- a/shell/components/nav/Header.vue
+++ b/shell/components/nav/Header.vue
@@ -779,7 +779,8 @@ export default {
   </header>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   // It would be nice to grab this from `Group.vue`, but there's margin, padding and border, which is overkill to var
   $side-menu-group-padding-left: 16px;
 
diff --git a/shell/detail/autoscaling.horizontalpodautoscaler/index.vue b/shell/detail/autoscaling.horizontalpodautoscaler/index.vue
index d80998c3b54..6a4ca62c7cd 100644
--- a/shell/detail/autoscaling.horizontalpodautoscaler/index.vue
+++ b/shell/detail/autoscaling.horizontalpodautoscaler/index.vue
@@ -240,7 +240,8 @@ export default {
   </ResourceTabs>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 .hpa-metrics-table {
   .info-box :deep( ) {
     background-color: var(--simple-box-bg);
diff --git a/shell/edit/logging-flow/index.vue b/shell/edit/logging-flow/index.vue
index b1ebee3d3b4..63eef6bb38a 100644
--- a/shell/edit/logging-flow/index.vue
+++ b/shell/edit/logging-flow/index.vue
@@ -473,7 +473,8 @@ export default {
   />
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 :deep( ) {
   .icon-info {
     margin-top: -3px;
diff --git a/shell/edit/networking.k8s.io.ingress/RulePath.vue b/shell/edit/networking.k8s.io.ingress/RulePath.vue
index a595e73af89..a6253d54610 100644
--- a/shell/edit/networking.k8s.io.ingress/RulePath.vue
+++ b/shell/edit/networking.k8s.io.ingress/RulePath.vue
@@ -180,7 +180,8 @@ export default {
     </button>
   </div>
 </template>
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
 $row-height: 40px;
 
 .labeled-input :deep(, :deep() .labeled-input ) {
diff --git a/shell/edit/provisioning.cattle.io.cluster/tabs/MachinePool.vue b/shell/edit/provisioning.cattle.io.cluster/tabs/MachinePool.vue
index eab31dab682..8085f994aac 100644
--- a/shell/edit/provisioning.cattle.io.cluster/tabs/MachinePool.vue
+++ b/shell/edit/provisioning.cattle.io.cluster/tabs/MachinePool.vue
@@ -366,7 +366,8 @@ export default {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+// TODO #11952: Correct deep statement
   .advanced :deep() >.vue-portal-target:empty,
   .advanced :deep( >.vue-portal-target:empty + .spacer ) {
     display: none;