fix(mobile): show indicator with title in navbar
This commit is contained in:
parent
7e8a1810ba
commit
a7f3841e5e
4 changed files with 12 additions and 5 deletions
|
|
@ -31,7 +31,7 @@
|
|||
<div class="standard-actions flex">
|
||||
<span class="page-icon-group hide hidden-xs hidden-sm"></span>
|
||||
<div class="menu-btn-group hide">
|
||||
<button type="button" class="btn btn-default icon-btn" data-toggle="dropdown" aria-expanded="false" aria-label="{{ __("Menu") }}">
|
||||
<button type="button" class="btn btn-default icon-btn ml-0" data-toggle="dropdown" aria-expanded="false" aria-label="{{ __("Menu") }}">
|
||||
<span>
|
||||
<span class="menu-btn-group-label">
|
||||
<svg class="icon icon-sm">
|
||||
|
|
|
|||
|
|
@ -231,6 +231,10 @@ frappe.breadcrumbs = {
|
|||
if (view === "form") {
|
||||
let last_crumb = this.$breadcrumbs.find("li").last();
|
||||
last_crumb.addClass("disabled");
|
||||
if (frappe.is_mobile()) {
|
||||
last_crumb.addClass("ellipsis");
|
||||
last_crumb.find("a").addClass("ellipsis");
|
||||
}
|
||||
last_crumb.css("cursor", "copy");
|
||||
last_crumb.click((event) => {
|
||||
event.stopImmediatePropagation();
|
||||
|
|
|
|||
|
|
@ -321,12 +321,15 @@ body {
|
|||
|
||||
@media (max-width: 480px) {
|
||||
body[data-route^="Form"] {
|
||||
.navbar-breadcrumbs {
|
||||
max-width: 165px;
|
||||
}
|
||||
.page-title {
|
||||
width: 100%;
|
||||
.title-area {
|
||||
flex-direction: column;
|
||||
align-items: baseline !important;
|
||||
|
||||
.indicator-pill {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.mobile-no-divider li a {
|
||||
font-size: 14px;
|
||||
padding-bottom: 5px;
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
|
||||
.title-area {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
align-items: baseline;
|
||||
.indicator-pill {
|
||||
margin-left: var(--margin-sm);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue