Merge Space Settings Review - Meeds-io/MIPs#147 (#837)

platform-ui-skin/src/main/webapp/skin/less/core/components/Mention/Style.less

@@ -76,7 +76,7 @@
 
 .spaceAvatar {
   border-radius: 5px !important;
-  > div {
+  > div, img {
     border-radius: 5px !important;
   }
 }

platform-ui-skin/src/main/webapp/skin/less/core/helpers.less

@@ -156,6 +156,15 @@
 .dark-grey-color{
   color: @darkGrey!important;
 }
+.line-height-normal {
+  line-height: normal !important;
+}
+.line-height-revert {
+  line-height: revert !important;
+}
+.line-height-1 {
+  line-height: 1 !important;
+}
 .dark-yellow--color {
   color: @darkYellow !important;
 }
@@ -862,6 +871,20 @@
   max-height: 36px;
   max-width: 36px;
 }
+.input-placeholder {
+  &[placeholder]:empty::before {
+    color: @placeholderText;
+    content: attr(placeholder);
+  }
+  &[placeholder]:empty:focus::before {
+    content: "";
+  }
+}
+.table-layout-auto {
+  &, table {
+    table-layout: auto !important;
+  }
+}
 .VuetifyApp .v-application .reset-style-box {
   div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol,
     ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,

platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less

@@ -137,12 +137,6 @@
     padding: 0;
     .layout-section {
       width: 100%;
-      &:first-of-type {
-        padding-top: 10px;
-      }
-      &:last-of-type {
-        padding-bottom: 10px;
-      }
       .layout-section-content {
         width: @pageWidth;
         max-width: 100%;
@@ -256,6 +250,13 @@
 
 @media (max-width: @maxTabletWidth) {
   .VuetifyApp .layout-sections-parent {
+    .layout-section:not(.hidden-sm-and-down) {
+      padding-top: 10px;
+    }
+    .layout-section:not(.hidden-sm-and-down) ~ .layout-section:not(.hidden-sm-and-down) {
+      padding-top: 0;
+    }
+
     .flex-cell:has(.layout-application), .grid-cell:has(.layout-application) {
       padding-bottom: ~"var(--grid-layout-gap, 20px)";
     }

platform-ui-skin/src/main/webapp/skin/less/core/reset.less

@@ -116,6 +116,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 select,
 textarea,
+input:not([type]),
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
@@ -134,7 +135,6 @@ input[type="color"] {
   color: @inputColor;
   background-color: @inputBackground;
   border: 1px solid @inputBorder;
-  padding: 4px 6px;
   padding: 0 10px;
   margin-bottom: @baseLineHeight / 2;
   font-size: @inputFontSize;

platform-ui-skin/src/main/webapp/skin/less/variables.less

@@ -188,6 +188,8 @@
 @textDisabledColorDefault: #c6c6c6;
 @textDisabledColor: ~"var(--appTextDisabledColor, var(--allPagesBaseTextDisabledColor, @{textDisabledColorDefault}))";
 
+@placeholderText:       rgba(0, 0, 0, 0.38);
+
 // Links
 // -------------------------
 @linkColor:             @primaryColor;      // Special title, text, hover, press, hyper-link or selected link
@@ -245,9 +247,6 @@
 @inputBorderRadius:               @baseBorderRadius;
 @inputDisabledBackground: @primaryBackgroundHover;
 @formActionsBackground: @primaryBackground;
-// Input placeholder text color
-// -------------------------
-@placeholderText:         @textLightColor;
 
 @inputFocusColor:                 @inputColor;
 @inputFocusBorder:                var(--allPagesInputFocusBorder, lighten(@secondaryColorDefault, 30%));

platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt

@@ -28,3 +28,4 @@ Modifications applied on imported libraries:
   - Change color to use @menuTextColor on .v-tab
   - Delete .v-card--link focus background to not have grey background once clicked
   - Fix .v-list-item__title & .v-list-item__subtitle line-height in dense configuration
+  - Change rgba(0, 0, 0, 0.38) by @placeholderText variable in :placeholder style

platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/vuetify.less

@@ -18808,19 +18808,19 @@ html.overflow-y-hidden {
   color: @textColor;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-moz-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input:-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot .v-label {
   color: @textSubtitleColor;
@@ -20387,23 +20387,23 @@ html.overflow-y-hidden {
 }
 .theme--light.v-input input::-webkit-input-placeholder,
 .theme--light.v-input textarea::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--light.v-input input::-moz-placeholder,
 .theme--light.v-input textarea::-moz-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--light.v-input input:-ms-input-placeholder,
 .theme--light.v-input textarea:-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--light.v-input input::-ms-input-placeholder,
 .theme--light.v-input textarea::-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--light.v-input input::placeholder,
 .theme--light.v-input textarea::placeholder {
-  color: rgba(0, 0, 0, 0.38);
+  color: @placeholderText;
 }
 .theme--light.v-input--is-disabled {
   color: @textDisabledColor;