Merge branch 'rebrand-ui' of https://github.com/frappe/frappe into rebrand-ui

frappe/public/js/frappe/list/list_view.js

@@ -427,9 +427,9 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
 			"/assets/frappe/images/ui-states/list-empty-state.svg";
 
 		const new_button = this.can_create
-			? `<p><button class="btn btn-primary btn-sm btn-new-doc">
+			? `<p><button class="btn btn-primary btn-sm btn-new-doc hidden-xs">
 				${new_button_label}
-			</button></p>`
+			</button> <button class="btn btn-primary btn-new-doc visible-xs">${__('Create New')}</button></p>`
 			: "";
 
 		return `<div class="msg-box no-border">

frappe/public/js/frappe/ui/page.js

@@ -157,7 +157,7 @@ frappe.ui.Page = Class.extend({
 	},
 
 	get_icon_label: function(icon, label) {
-		return `${icon ? frappe.utils.icon(icon, 'xs') : ''} <span> ${__(label)} </span>`;
+		return `${icon ? frappe.utils.icon(icon, 'xs') : ''} <span class="hidden-xs"> ${__(label)} </span>`;
 	},
 
 	set_action: function(btn, opts) {

frappe/public/scss/awesomebar.scss

@@ -56,6 +56,7 @@
 
 		p {
 			margin: 3px 0;
+			line-height: 1.4;
 		}
 	}
 }

frappe/public/scss/form.scss

@@ -258,8 +258,12 @@
 	margin-bottom: 0;
 }
 
-.scroll-to-top {
-	position: absolute;
-	height: 28px;
-	right: 0;
+.form-footer {
+	position: relative;
+
+	.scroll-to-top {
+		position: absolute;
+		height: 28px;
+		right: 0;
+	}
 }

frappe/public/scss/icons.scss

@@ -18,7 +18,7 @@ use.like-icon {
 }
 
 #icon-close {
-	fill: var(--icon-stroke);
+	fill: var(--gray-600);
 }
 
 .icon > .close-alt {

frappe/public/scss/list.scss

@@ -65,7 +65,7 @@ body.no-list-sidebar {
 	-webkit-transition: color 0.2s;
 	font-size: var(--text-md);
 
-	&:hover {
+	&:hover:not(.list-row-head) {
 		background-color: var(--highlight-color);
 	}
 	&:last-child {
@@ -128,6 +128,7 @@ body.no-list-sidebar {
 }
 
 .list-row-head {
+	cursor: default;
 
 	.list-subject {
 		font-weight: normal;

frappe/public/scss/timeline.scss

@@ -98,6 +98,11 @@ $threshold: 40;
 				overflow: scroll;
 				max-height: 500px;
 			}
+
+			.actions > * {
+				color: var(--text-muted);
+			}
+
 			.action-btn {
 				padding-top: 0;
 				padding-bottom: 0;