Merge pull request #7887 from prssanna/mobile-fix

fix: Form workflow status visible in mobile view
This commit is contained in:
mergify[bot] 2019-08-07 10:37:20 +00:00 committed by GitHub
commit 8d4fa7e6c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 14 deletions

View file

@ -6,8 +6,10 @@
<h1 class="flex" style="margin: auto;">
<div class="title-image hide hidden-md hidden-lg">
</div>
<div class="ellipsis title-text"></div>
<span class="indicator whitespace-nowrap hide"></span>
<div class="flex fill-width title-area">
<div class="ellipsis title-text"></div>
<span class="indicator whitespace-nowrap hide"></span>
</div>
</h1>
</div>
<div class="text-right col-md-5 col-sm-4 col-xs-6 page-actions">

View file

@ -139,7 +139,7 @@ frappe.ui.Page = Class.extend({
},
set_indicator: function(label, color) {
this.clear_indicator().removeClass("hide").html(`<span class='hidden-xs hidden-sm'>${label}</span>`).addClass(color);
this.clear_indicator().removeClass("hide").html(`<span>${label}</span>`).addClass(color);
},
add_action_icon: function(icon, click) {

View file

@ -40,9 +40,9 @@ body {
}
.page-title .indicator {
position: absolute;
left: 5px;
margin-top: 12px;
float: left;
margin-top: 10px;
margin-right: 5px;
}
@ -54,11 +54,6 @@ body {
right: 140px;
min-width: 200px;
}
.title-text {
margin-top: 10px;
//margin-left: 10px;
}
}
// navbar & breadcrumbs
@ -227,10 +222,13 @@ body {
font-size: 16px;
width: calc(~"100% - 90px");
}
.indicator {
float: left;
margin-top: 10px;
margin-right: 5px;
margin: 0;
}
.title-area {
flex-direction: column;
}
}
}