Merge pull request #12370 from prssanna/redesign-fixes
This commit is contained in:
Prssanna Desai
GitHub
commit
81316830e9
17 changed files with 586 additions and 524 deletions
|
|
@ -485,6 +485,7 @@ frappe.Application = Class.extend({
|
|||
if (frappe.utils.is_rtl()) {
|
||||
var ls = document.createElement('link');
|
||||
ls.rel="stylesheet";
|
||||
ls.type = "text/css";
|
||||
ls.href= "assets/css/frappe-rtl.css";
|
||||
document.getElementsByTagName('head')[0].appendChild(ls);
|
||||
$('body').addClass('frappe-rtl');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ frappe.ui.form.ControlImage = frappe.ui.form.Control.extend({
|
|||
this.$img = $("<img src='"+doc[this.df.options]+"' class='img-responsive'>")
|
||||
.appendTo(this.$body);
|
||||
} else {
|
||||
this.$buffer = $("<div class='missing-image'><i class='octicon octicon-circle-slash'></i></div>")
|
||||
this.$buffer = $(`<div class='missing-image'>${frappe.utils.icon('restriction', 'md')}</div>`)
|
||||
.appendTo(this.$body);
|
||||
}
|
||||
return false;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ frappe.ui.form.ControlSignature = frappe.ui.form.ControlData.extend({
|
|||
|
||||
this.img_wrapper = $(`<div class="signature-display">
|
||||
<div class="missing-image attach-missing-image">
|
||||
<i class="octicon octicon-circle-slash"></i>
|
||||
${frappe.utils.icon('restriction', 'md')}</i>
|
||||
</div></div>`)
|
||||
.appendTo(this.wrapper);
|
||||
this.img = $("<img class='img-responsive attach-image-display'>")
|
||||
|
|
|
|||
|
|
@ -732,7 +732,7 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
|
|||
html = df.options ? `<img src="${doc[df.options]}"
|
||||
style="max-height: 30px; max-width: 100%;">`
|
||||
: `<div class="missing-image small">
|
||||
<span class="octicon octicon-circle-slash"></span>
|
||||
${frappe.utils.icon('restriction')}
|
||||
</div>`;
|
||||
} else if (df.fieldtype === "Select") {
|
||||
html = `<span class="filterable indicator-pill ${frappe.utils.guess_colour(
|
||||
|
|
|
|||
|
|
@ -125,8 +125,9 @@ frappe.breadcrumbs = {
|
|||
|
||||
set_list_breadcrumb(breadcrumbs) {
|
||||
const doctype = breadcrumbs.doctype;
|
||||
const doctype_meta = frappe.get_doc('DocType', doctype);
|
||||
if ((doctype==="User" && !frappe.user.has_role('System Manager'))
|
||||
|| frappe.get_doc('DocType', doctype).issingle) {
|
||||
|| (doctype_meta && doctype_meta.issingle)) {
|
||||
// no user listview for non-system managers and single doctypes
|
||||
} else {
|
||||
let route;
|
||||
|
|
|
|||
|
|
@ -448,4 +448,11 @@
|
|||
textarea.form-control {
|
||||
resize: none;
|
||||
height: 3.2em;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.nav-stacked > li + li {
|
||||
margin-top: 0px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -104,3 +104,28 @@ html.firefox, html.safari {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-border {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.whitespace-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.app-change-log-body {
|
||||
h1 {
|
||||
font-size: var(--text-2xl);
|
||||
}
|
||||
}
|
||||
|
||||
.new-version-log {
|
||||
.new-version-links {
|
||||
padding: var(--padding-xs) 0px;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,3 +26,29 @@
|
|||
transition: $property $duration $timing-fn;
|
||||
-webkit-transition: $property $duration $timing-fn;
|
||||
}
|
||||
|
||||
@mixin img-background() {
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: calc(100%);
|
||||
width: 100%;
|
||||
background-color: var(--bg-light-gray);
|
||||
}
|
||||
|
||||
// @mixin img-foreground() {
|
||||
// content: "\f1c5";
|
||||
// display: block;
|
||||
// font-style: normal;
|
||||
// font-family: FontAwesome;
|
||||
// font-size: 32px;
|
||||
// color: var(--text-muted);
|
||||
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// left: 0;
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// }
|
||||
|
|
@ -110,6 +110,11 @@ body.modal-open {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hasDatepicker {
|
||||
z-index: 1140;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.modal-minimize {
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
background-color: white;
|
||||
font-size: var(--text-sm);
|
||||
}
|
||||
|
||||
#navbar-breadcrumbs {
|
||||
|
|
|
|||
|
|
@ -188,6 +188,29 @@ a.progress-small {
|
|||
background-color: var(--orange-500);
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.link-select-row {
|
||||
padding: var(--padding-sm);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.barcode-wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.video-modal .modal-dialog {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
.link-field.ui-front {
|
||||
z-index: inherit;
|
||||
}
|
||||
|
||||
.rating {
|
||||
// rating
|
||||
--star-fill: var(--gray-300);
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
.form-control {
|
||||
border: none;
|
||||
font-size: var(--text-md);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-section, .form-dashboard-section {
|
||||
|
|
|
|||
|
|
@ -92,6 +92,25 @@ img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.missing-image {
|
||||
background-color: var(--bg-light-gray);
|
||||
line-height: 140px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: var(--border-radius-sm);
|
||||
|
||||
&.small {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
stroke: var(--text-muted);
|
||||
}
|
||||
}
|
||||
|
||||
.hidden {
|
||||
@extend .d-none;
|
||||
}
|
||||
|
|
@ -396,3 +415,78 @@ kbd {
|
|||
#freeze.in {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.msg-box {
|
||||
padding: var(--padding-xl) var(--padding-md);
|
||||
text-align: center;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/*rtl styles*/
|
||||
|
||||
.frappe-rtl {
|
||||
input, textarea {
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
.checkbox .disp-area {
|
||||
margin-right: -20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/* broken image styling */
|
||||
|
||||
img.no-image {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--bg-light-gray);
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.video-modal .modal-dialog {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
body.no-sidebar {
|
||||
@include media-breakpoint-up(md) {
|
||||
.layout-side-section {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layout-main-section-wrapper {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-logo {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.alt-pressed .alt-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
// REDESIGN TODO: Handling of broken images?
|
||||
// img.no-image:before {
|
||||
// .img-background();
|
||||
// }
|
||||
|
||||
// img.no-image:after {
|
||||
// .img-foreground();
|
||||
// }
|
||||
|
||||
// img.img-loading:before {
|
||||
// .img-background();
|
||||
// }
|
||||
|
||||
// img.img-loading:after {
|
||||
// .img-foreground();
|
||||
// font-family: 'Octicons';
|
||||
// content: "\f00b";
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -257,14 +257,6 @@
|
|||
.editor-toolbar-align-group {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.text-editor {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.markdown-text-editor {
|
||||
height: 251px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -169,4 +169,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-only-label {
|
||||
margin-top: var(--margin-xs);
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -79,6 +79,10 @@
|
|||
box-shadow: var(--card-shadow);
|
||||
border-radius: var(--border-radius-md);
|
||||
|
||||
.slide-wrapper:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slide-footer {
|
||||
margin: var(--margin-md) 0;
|
||||
padding: 0 var(--padding-lg);
|
||||
|
|
@ -95,6 +99,13 @@
|
|||
|
||||
.form-wrapper {
|
||||
margin-top: var(--margin-xl);
|
||||
|
||||
.form {
|
||||
.form-section {
|
||||
padding: 0px var(--padding-sm);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.setup-in-progress {
|
||||
|
|
@ -110,4 +121,17 @@
|
|||
margin: var(--margin-lg) auto;
|
||||
}
|
||||
}
|
||||
|
||||
.add-more {
|
||||
margin-bottom: var(--margin-xl);
|
||||
}
|
||||
|
||||
.lead {
|
||||
margin-top: var(--margin-lg);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.success-state {
|
||||
margin-bottom: var(--margin-lg);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue