diff --git a/frappe/public/js/frappe/form/layout.js b/frappe/public/js/frappe/form/layout.js
index a25ffcf296..cf30798983 100644
--- a/frappe/public/js/frappe/form/layout.js
+++ b/frappe/public/js/frappe/form/layout.js
@@ -15,7 +15,7 @@ frappe.ui.form.Layout = Class.extend({
this.parent = this.body;
}
this.wrapper = $('
').appendTo(this.parent);
- this.message = $('
').appendTo(this.wrapper);
+ this.message = $('
').appendTo(this.wrapper);
if(!this.fields) {
this.fields = this.get_doctype_fields();
}
diff --git a/frappe/public/less/form.less b/frappe/public/less/form.less
index 2581f30c0f..5aa23d332e 100644
--- a/frappe/public/less/form.less
+++ b/frappe/public/less/form.less
@@ -27,27 +27,6 @@
border-top: 1px solid @border-color;
}
-.form-message {
- padding: 15px 30px;
- border-bottom: 1px solid @border-color;
-}
-
-.form-message.yellow {
- background-color: @light-yellow;
-}
-
-.form-message.blue {
- background-color: @blue-extra-light;
-}
-
-.form-message.red {
- background-color: @red-extra-light;
-}
-
-.form-message.green {
- background-color: @green-extra-light;
-}
-
.document-flow-wrapper {
padding: 40px 15px 30px;
font-size: @text-medium;
@@ -64,7 +43,6 @@
display: inline-block;
}
-
.document-flow-link-wrapper:not(:last-child) {
border-top: 1px solid @indicator-gray;
// padding-left: 20px;
@@ -102,7 +80,7 @@
}
}
-@media(max-width: @screen-xs) {
+@media (max-width: @screen-xs) {
.document-flow-wrapper {
display: none;
}
@@ -163,14 +141,10 @@
}
}
-
-
-
.form-section {
margin: 0px;
// padding: 15px;
-
.form-section-description {
margin-bottom: 10px;
}
@@ -243,7 +217,6 @@
}
}
-
.timeline-item-content .mention {
background-color: transparent;
padding: 0;
@@ -272,7 +245,7 @@
bottom: 0px;
}
-@media(max-width: @screen-sm) {
+@media (max-width: @screen-sm) {
.timeline::before {
bottom: -64px;
}
@@ -380,7 +353,8 @@
font-size: 1em;
}
- &:hover, &:focus {
+ &:hover,
+ &:focus {
color: #000;
}
}
@@ -396,7 +370,8 @@
}
.left-arrow {
- &::after, &::before {
+ &::after,
+ &::before {
right: 100%;
top: 15px;
border: solid transparent;
@@ -478,7 +453,8 @@
}
.timeline-item {
- .reply-link, .reply-link-all {
+ .reply-link,
+ .reply-link-all {
margin-left: 15px;
font-size: 12px;
}
@@ -520,7 +496,7 @@
}
}
-@media(max-width: @screen-xs) {
+@media (max-width: @screen-xs) {
.timeline-head {
border-left: none;
border-right: none;
@@ -528,7 +504,7 @@
}
}
-.timeline-futur span{
+.timeline-futur span {
color: @orange !important;
}
@@ -563,14 +539,15 @@
max-height: 150px;
}
-
-.timeline-new-email, .timeline-email-import {
+.timeline-new-email,
+.timeline-email-import {
margin: 30px 0px;
padding-left: 70px;
position: relative;
}
-.timeline-new-email::before, .timeline-email-import::before {
+.timeline-new-email::before,
+.timeline-email-import::before {
.timeline-indicator();
}
@@ -579,7 +556,8 @@
font-weight: bold;
}
-.control-label, .grid-heading-row {
+.control-label,
+.grid-heading-row {
color: @text-muted;
font-size: 12px;
}
@@ -619,12 +597,12 @@
.flex-justify-center {
display: flex;
- justify-content: center;
+ justify-content: center;
}
.flex-justify-end {
display: flex;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.hide-control {
@@ -661,7 +639,8 @@ select.form-control {
margin-top: -10px;
}
-.control-code, .control-code.bold {
+.control-code,
+.control-code.bold {
height: 400px;
font-family: Monaco, "Courier New", monospace;
color: @text-color;
@@ -717,8 +696,9 @@ select.form-control {
.section-body {
margin-top: -15px;
}
- .section-body .form-column:first-child{
- .radio, .checkbox{
+ .section-body .form-column:first-child {
+ .radio,
+ .checkbox {
margin-top: 0;
}
}
@@ -808,7 +788,8 @@ body[data-route^="Form/Communication"] textarea[data-fieldname="subject"] {
height: 80px !important;
}
-.frappe-control[data-fieldtype="Attach"], .frappe-control[data-fieldtype="Attach Image"] {
+.frappe-control[data-fieldtype="Attach"],
+.frappe-control[data-fieldtype="Attach Image"] {
.attached-file {
position: relative;
padding: 6px 10px;
diff --git a/frappe/public/scss/desk/form.scss b/frappe/public/scss/desk/form.scss
index 7aeaf0266c..101022fb90 100644
--- a/frappe/public/scss/desk/form.scss
+++ b/frappe/public/scss/desk/form.scss
@@ -251,8 +251,36 @@
}
}
+@mixin form-message-background($color) {
+ background: var(--bg-#{$color});
+ color: var(--text-on-#{$color});
+}
+
.form-message {
+ border-radius: var(--border-radius);
padding: var(--padding-md) var(--padding-xl);
+ font-size: var(--text-md, 13px);
+ margin-bottom: var(--margin-md);
+
+ &.blue {
+ @include form-message-background("blue");
+ }
+
+ &.green {
+ @include form-message-background("green");
+ }
+
+ &.yellow {
+ @include form-message-background("yellow");
+ }
+
+ &.orange {
+ @include form-message-background("orange");
+ }
+
+ &.red {
+ @include form-message-background("red");
+ }
}
.help-box {