diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/components/Mention/Style.less b/platform-ui-skin/src/main/webapp/skin/less/core/components/Mention/Style.less index e200caecf..9353d8ea0 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/core/components/Mention/Style.less +++ b/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; } } diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less b/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less index 22fae8b94..f3a7a6af8 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less +++ b/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, diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less b/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less index 820e3d92f..3a3563401 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less +++ b/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)"; } diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/reset.less b/platform-ui-skin/src/main/webapp/skin/less/core/reset.less index 8ef836481..00fc326c7 100755 --- a/platform-ui-skin/src/main/webapp/skin/less/core/reset.less +++ b/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; diff --git a/platform-ui-skin/src/main/webapp/skin/less/variables.less b/platform-ui-skin/src/main/webapp/skin/less/variables.less index 4b870ff7d..bec0b7537 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/variables.less +++ b/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%)); diff --git a/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt b/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt index d218e7a0d..0dbdd8f1b 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/README.txt +++ b/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 diff --git a/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/vuetify.less b/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/vuetify.less index ca255e0c1..008b3d36c 100644 --- a/platform-ui-skin/src/main/webapp/skin/less/vuetify/lib/vuetify.less +++ b/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;