fix(dedicated): update less rem

Author: Cyrille Bourgois

packages/manager/apps/dedicated/client/app/css/less/common/buttonIcons.less

@@ -100,7 +100,7 @@
 
   &.icon-order-block,
   &.icon-order-bloc,
-  &.icon-purchase-upgrade, { .icon_position(8, 3); }
+  &.icon-purchase-upgrade { .icon_position(8, 3); }
   &.icon-add-ip { .icon_position(9, 3); }
   &.icon-delete-ip { .icon_position(10, 3); }
   &.icon-go-vscope { .icon_position(11, 3); }

packages/manager/apps/dedicated/client/app/css/less/common/download.less

@@ -10,7 +10,7 @@
     align-items: center;
     padding: 20px;
     height: 120px;
-    font-size: 4rem;
+    font-size: 2.5rem;
     box-sizing: border-box;
     border: 3px solid #8bcfed;
     border-radius: 50%;

packages/manager/apps/dedicated/client/app/css/less/common/navbar.less

@@ -15,8 +15,8 @@
   &:active {
     width: auto;
     height: auto;
-    left: 1rem;
-    top: 1rem;
+    left: 0.625rem;
+    top: 0.625rem;
     overflow: auto;
     outline-width: 1px !important;
     outline-style: dotted !important;

packages/manager/apps/dedicated/client/app/css/less/common/table.less

@@ -55,6 +55,6 @@ table {
   // avoid too small input with responsive tables
   > tbody > tr > td input,
   select {
-    min-width: 7rem;
+    min-width: 4.375rem;
   }
 }

packages/manager/apps/dedicated/client/app/css/less/common/wizard.less

@@ -1,9 +1,9 @@
 .wizard-title {
-  line-height: rem-calc(22.4);
+  line-height: rem-calc(14);
   margin-top: 0;
   margin-bottom: 0;
   color: @oui-color-zodiac;
-  font-size: rem-calc(21);
+  font-size: rem-calc(13.125);
   font-weight: @oui-font-semibold;
   letter-spacing: 0.01em;
 }
@@ -52,10 +52,10 @@ h2.wizard-title-sub {
   }
 
   h3 {
-    font-size: 1.8rem;
+    font-size: 1.125rem;
   }
 
   h4 {
-    font-size: 1.6rem;
+    font-size: 1rem;
   }
 }

packages/manager/apps/dedicated/client/app/css/less/module/ip/ip-dashboard.less

@@ -5,5 +5,5 @@
  * avoid the td to expand automatically
  */
 .ip-description {
-  max-width: 30rem;
+  max-width: 18.75rem;
 }

packages/manager/apps/dedicated/client/app/css/less/module/user-account/emails.less

@@ -6,7 +6,7 @@
 
       a {
         // padding: @oui-datagrid-cell-padding;
-        line-height: 3.6rem;
+        line-height: 2.25rem;
       }
     }
 

packages/manager/apps/dedicated/client/app/css/source.less

@@ -1,9 +1,6 @@
 @oui-path: '../../../ovh-ui-kit';
 
-@import 'ovh-ui-kit-bs/src/bootstrap/_variables';
-@import (less) "@ovh-ux/ovh-utils-angular/bin/template/tooltipBox/tooltipBox.css";
-@import (less) "@ovh-ux/ovh-utils-angular/bin/template/inputNumber/inputNumber.css";
-@import (less) "@ovh-ux/ovh-utils-angular/bin/template/wizard/wizardStep/wizardStep.css";
+@import 'ovh-ui-kit/packages/oui/stylekit';
 @import (less) "font-awesome/css/font-awesome.min.css";
 @import (less) "ovh-manager-webfont/dist/css/ovh-font.css";
 @import (less) "animate.css/animate.min.css";
@@ -20,7 +17,7 @@
 @import "less/common/buttonIcons";
 @import "less/common/button";
 @import "less/common/countryIcon";
-@import "less/common/datetimepicker";
+// @import "less/common/datetimepicker";
 @import "less/common/distributionIcon";
 @import "less/common/download";
 @import "less/common/global";

packages/manager/apps/dedicated/client/app/dedicated/housing/backup/access/add/dedicated-housing-backup-access-add.html

@@ -34,21 +34,21 @@
                            data-translate="housing_configuration_ftpbackup_add_authorization">
                         </p>
                     </div>
-                    <div class="checkbox px-5">
+                    <div class="checkbox px-4">
                         <label>
                             <input type="checkbox"
                                    data-ng-model="access.cifs" />
                             <span data-translate="housing_configuration_ftpbackup_table_cifs"></span>
                         </label>
                     </div>
-                    <div class="checkbox px-5">
+                    <div class="checkbox px-4">
                         <label>
                             <input type="checkbox"
                                    data-ng-model="access.ftp" />
                             <span data-translate="housing_configuration_ftpbackup_table_ftp"></span>
                         </label>
                     </div>
-                    <div class="checkbox px-5">
+                    <div class="checkbox px-4">
                         <label>
                             <input type="checkbox"
                                    data-ng-model="access.nfs" />

packages/manager/apps/dedicated/client/app/dedicatedCloud/dashboard/options/order/steps/selection/style.less

@@ -15,24 +15,24 @@
 }
 
 .oui-select-picker__label.orderSelection__product-label {
-  padding-top: 2rem;
-  padding-bottom: 1rem;
-  padding-left: 4.5rem;
+  padding-top: 1.25rem;
+  padding-bottom: 0.625rem;
+  padding-left: 2.8125rem;
 
   &::before {
-    top: 2.5rem;
-    left: 2rem;
+    top: 1.5625rem;
+    left: 1.25rem;
   }
 
   .oui-select-picker__input:checked ~ .oui-select-picker__label-container &::after {
-    top: 3rem;
-    left: 2.5rem;
+    top: 1.875rem;
+    left: 1.5625rem;
   }
 }
 
 .orderSelection__product-description {
-  margin-left: 2rem;
-  margin-right: 2rem;
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
   width: initial;
   height: 100%;
 }
@@ -41,8 +41,8 @@
   background: #c6eff9;
   color: rgb(17, 63, 109);
   font-weight: 600;
-  font-size: 2rem;
+  font-size: 1.25rem;
   margin: 0;
-  padding: 1rem;
+  padding: 0.625rem;
   text-align: center;
 }