Merge pull request #7887 from prssanna/mobile-fix
fix: Form workflow status visible in mobile view
This commit is contained in:
commit
8d4fa7e6c4
3 changed files with 14 additions and 14 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue