fix(mobile): show indicator with title in navbar

This commit is contained in:
Ejaaz Khan 2026-01-02 16:49:17 +05:30
parent 7e8a1810ba
commit a7f3841e5e
4 changed files with 12 additions and 5 deletions

View file

@ -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">

View file

@ -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();

View file

@ -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;

View file

@ -35,7 +35,7 @@
.title-area {
display: inline-flex;
align-items: center;
align-items: baseline;
.indicator-pill {
margin-left: var(--margin-sm);
}