dashboard-shell-shell 0.0.1000000000001137 → 0.0.1000000000001140

package/assets/styles/base/_variables.scss

@@ -19,7 +19,7 @@ $input-width: 400px;
 
 $input-padding-lg: 18px;
 $input-padding-sm: 10px;
-$input-line-height: 18px;
+$input-line-height: 32px;
 
 $column-gutter: 1.75%;
 

package/assets/styles/global/_labeled-input.scss

@@ -10,7 +10,6 @@
 
   &.compact-input {
     min-height: $unlabeled-input-height;
-    padding: 0 10px;
 
     INPUT.no-label {
       line-height: $input-line-height;

package/assets/styles/global/_table.scss

@@ -104,3 +104,8 @@
       }
     }
   }
+
+
+  .sortable-table tbody tr.group-row td:first-of-type {
+    background-color: var(--sortable-table-bg) !important;
+  }

package/components/CruResource.vue

@@ -895,6 +895,7 @@ form.create-resource-container .cru {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
+    height: 100%;
   }
 
   &__content {

package/components/ExplorerProjectsNamespaces.vue

@@ -470,6 +470,18 @@ export default {
       :resource="MANAGEMENT.PROJECT"
       :main-button-visible="true"
     >
+      <template
+        v-if="showCreateNsButton"
+        #extraActions
+      >
+        <router-link
+          :to="createNamespaceLocationFlatList()"
+          class="btn role-primary mr-10"
+          data-testid="create_project_namespaces"
+        >
+          {{ t('projectNamespaces.createNamespace') }}
+        </router-link>
+      </template>
       <template #group-by="group">
         <div
           class="project-bar"

package/components/PodSecurityAdmission.vue

@@ -218,7 +218,7 @@ export default defineComponent({
       :key="i"
       class="row row--y-center mb-20"
     >
-      <span class="col span-2">
+      <span class="col">
         <Checkbox
           v-if="!labelsAlwaysActive"
           v-model:value="psaControl.active"

package/components/ResourceDetail/Masthead.vue

@@ -400,7 +400,9 @@ export default {
     demoDisplay() {
       const product = this.$store.getters['productId'];
 
-      const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], this.location.params.resource);
+      const resources = this.location?.params?.resource || ''
+
+      const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], resources);
 
       if (productId === undefined) {
         return '';
@@ -420,8 +422,10 @@ export default {
     },
     menuIcon() {
       const product = this.$store.getters['productId'];
+      
+      const resources = this.location?.params?.resource || ''
 
-      return this.$store.getters['type-map/groupsForVirTypes'](product, cloud2harvesterhci(this.location.params.resource));
+      return this.$store.getters['type-map/groupsForVirTypes'](product, cloud2harvesterhci(resources));
     },
 
     location() {

package/components/SortableTable/selection.js

@@ -10,7 +10,7 @@ export const NONE = 'none';
 
 export default {
   mounted() {
-    const table = this.$el.querySelector('TABLE');
+    const table = this.$el && this.$el.querySelector('TABLE');
 
     this._onRowClickBound = this.onRowClick.bind(this);
     this._onRowMousedownBound = this.onRowMousedown.bind(this);
@@ -22,7 +22,7 @@ export default {
   },
 
   beforeUnmount() {
-    const table = this.$el.querySelector('TABLE');
+    const table = this.$el && this.$el.querySelector('TABLE');
 
     table.removeEventListener('click', this._onRowClickBound);
     table.removeEventListener('mousedown', this._onRowMousedownBound);

package/components/Tabbed/index.vue

@@ -499,7 +499,7 @@ margin: 0px -20px;
     // }
     & .tab {
       /* width: 100%; */
-      width: 120px;
+      min-width: 120px;
       height: 36px;
       /* border-top: solid 5px transparent; */
       display: flex;

package/components/form/ResourceQuota/Namespace.vue

@@ -72,13 +72,13 @@ export default {
 <template>
   <div>
     <div class="headers mb-10">
-      <div class="mr-10">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.resourceType') }}</label>
       </div>
-      <div class="mr-10">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.projectResourceAvailability') }}</label>
       </div>
-      <div class="mr-20">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.limit') }}</label>
       </div>
     </div>
@@ -101,7 +101,7 @@ export default {
 .headers {
     display: flex;
     flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid var(--border);
     height: 30px;

package/components/form/ResourceQuota/NamespaceRow.vue

@@ -173,16 +173,15 @@ export default {
 <template>
   <div
     v-if="typeOption"
-    class="row"
+    class="rowNew"
   >
     <Select
-      class="mr-10"
       :mode="mode"
       :value="type"
       :disabled="true"
       :options="types"
     />
-    <div class="resource-availability mr-10">
+    <div class="resource-availability">
       <PercentageBar
         v-clean-tooltip="tooltip"
         class="percentage-bar"
@@ -208,13 +207,12 @@ export default {
   .resource-availability {
     align-self: center;
   }
-  .row {
+  .rowNew {
     display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: space-between;
 
     & > * {
-      width: 100%;
+      width: 400px;
     }
   }
 </style>

package/components/form/ResourceQuota/Project.vue

@@ -57,14 +57,14 @@ export default {
 </script>
 <template>
   <div>
-    <div class="headers mb-10">
-      <div class="mr-10">
+    <div style="justify-content: right;" class="headers mb-10">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.resourceType') }}</label>
       </div>
-      <div class="mr-20">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.projectLimit') }}</label>
       </div>
-      <div class="mr-10">
+      <div style="width: 400px;">
         <label>{{ t('resourceQuota.headers.namespaceDefaultLimit') }}</label>
       </div>
     </div>

package/components/form/ResourceQuota/ProjectRow.vue

@@ -70,11 +70,11 @@ export default {
 <template>
   <div
     v-if="typeOption"
-    class="row"
+    style="justify-content: right;"
+    class="rowNew"
   >
     <Select
       :value="type"
-      class="mr-10"
       :mode="mode"
       :options="types"
       data-testid="projectrow-type-input"
@@ -82,7 +82,6 @@ export default {
     />
     <UnitInput
       :value="resourceQuotaLimit[type]"
-      class="mr-10"
       :mode="mode"
       :placeholder="typeOption.placeholder"
       :increment="typeOption.increment"
@@ -107,9 +106,8 @@ export default {
 </template>
 
 <style lang='scss' scoped>
-  .row {
+  .rowNew {
     display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: space-between;
   }
 </style>

package/components/form/UnitInput.vue

@@ -238,10 +238,10 @@ export default {
     @update:value="update"
     @blur="update($event.target.value)"
   >
-    <template #suffix>
+    <template #suffixNew>
       <div
         v-if="displayUnit"
-        class="addon"
+        class="addonNew"
         :class="{'with-tooltip': tooltip || tooltipKey}"
       >
         {{ displayUnit }}
@@ -251,7 +251,12 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-  .addon.with-tooltip {
+  .addonNew.with-tooltip {
     padding-right: 42px;
   }
+  .addonNew {
+    display: flex;
+    align-items: center;
+    margin-left: 10px;
+  }
 </style>

package/components/rancherResourceDetail/Masthead.vue

@@ -420,8 +420,10 @@ export default {
     },
     menuIcon() {
       const product = this.$store.getters['productId'];
+      
+      const resources = this.location?.params?.resource || ''
 
-      return this.$store.getters['type-map/groupsForVirTypes'](product, cloud2harvesterhci(this.location.params.resource));
+      return this.$store.getters['type-map/groupsForVirTypes'](product, cloud2harvesterhci(resources));
     },
 
     location() {

package/config/table-headers.js

@@ -162,7 +162,7 @@ export const NAMESPACE = {
   name:        'namespace',
   labelKey:    'tableHeaders.namespace',
   value:       'namespace',
-  getValue:    row => row.namespace.replace('harvester', 'cloud'),
+  getValue:    row => row && row.namespace && row.namespace.replace('harvester', 'cloud'),
   sort:        'namespace',
   dashIfEmpty: true,
 };

package/edit/networking.k8s.io.ingress/RulePath.vue

@@ -189,7 +189,7 @@ $row-height: 40px;
     height: 100%;
 
     input.no-label {
-      height: calc($row-height - 2px);
+      height: 32px;
       padding: 10px;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dashboard-shell-shell",
-  "version": "0.0.1000000000001137",
+  "version": "0.0.1000000000001140",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancherlabs/dashboard",
   "license": "Apache-2.0",

package/rancher-components/Banner/Banner.vue

@@ -196,8 +196,8 @@ $icon-size: 24px;
     }
 
     .info & {
-      /* background: var(--info-banner-bg); */
-      background: #f2f2f2;
+      background: var(--info-banner-bg);
+      // background: #f2f2f2;
       border-color: var(--info);
     }
 

package/rancher-components/Form/LabeledInput/LabeledInput.vue

@@ -464,6 +464,7 @@ export default defineComponent({
       />
     </div>
   </div>
+  <slot name="suffixNew" />
 </div>
 </template>
 <style scoped lang="scss">

package/rancher-components/Form/TextArea/TextAreaAutoGrow.vue

@@ -108,7 +108,7 @@ export default defineComponent({
      * (unless the input is long)
      */
     style(): string {
-      return `height: ${ this.curHeight }px; overflow: ${ this.overflow };`;
+      return `height: ${ this.curHeight }px; overflow: ${ this.overflow };min-height:${ this.curHeight }px;`;
     },
 
     className(): string | unknown[] | Record<string, boolean> {