Skip to content

Fixed: The design of header toolbar is not responsive in back office. #1364

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Mar 27, 2025
Merged

Fixed: The design of header toolbar is not responsive in back office. #1364

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
64b71bf
Fixed: Added overflow property to admin menu for left position in bac…
vishal-singh-webkul Feb 3, 2025
82dec99
Improved the header toolbar desing in the back office
vishal-singh-webkul Feb 7, 2025
6b9a79b
Updated the admin toolbar padding
vishal-singh-webkul Feb 7, 2025
428a721
Revert: changes to the admin menu
vishal-singh-webkul Feb 17, 2025
8bba789
Merge branch 'develop' into gli-2516
vishal-singh-webkul Feb 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion admin/themes/default/sass/partials/_content.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ body
@include float(left)

#content.bootstrap
padding: 90px 10px 0
padding: 100px 10px 0
@include transition-property(margin)
@include transition-duration(0.4s)
@include transition-timing-function(ease-out)
Expand Down
4 changes: 4 additions & 0 deletions admin/themes/default/sass/partials/_header.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@
#header_shopname
@extend .navbar-brand
text-decoration: none
.bootstrap
#header_shopname
@media (max-width: $screen-tablet)
@include padding(9px, 5px, 9px, 40px)

#header_notifs_icon_wrapper
@extend .nav
Expand Down
17 changes: 13 additions & 4 deletions admin/themes/default/sass/partials/_toolbar.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
.page-head
width: 100%
height: 78px
padding: 0
margin: 0
position: fixed
Expand All @@ -18,14 +17,22 @@
font-weight: bold
color: #363A41
white-space: nowrap
@include padding(31px, 0, 0, ($widthSidebarNav+20px))
@media (max-width: $screen-tablet)
@include padding(26px, 0, 0, 70px)
@include padding(31px, 0, 20px, ($widthSidebarNav+20px))
@media (max-width: $screen-phone)
@include padding(26px, 0, 55px, 70px)
@media (min-width: $screen-phone) and (max-width: $screen-tablet)
@include padding(26px, 0, 25px, 70px)
a
border-bottom: dotted 1px white
&:hover
color: black
border-color: black
h2.page-title.configure
@include padding(31px, 0, 35px, ($widthSidebarNav+20px))
@media (max-width: $screen-phone)
@include padding(26px, 0, 60px, 70px)
@media (min-width: $screen-phone) and (max-width: $screen-tablet)
@include padding(26px, 0, 40px, 70px)
a
color: white
text-decoration: none
Expand All @@ -42,6 +49,8 @@
background-color: transparent!important
@include right(0)
top: 18px
@media (max-width: $screen-tablet)
top: 25px
@media (max-width: $screen-sm)
#toolbar-nav
border: none
Expand Down
2 changes: 1 addition & 1 deletion admin/themes/default/template/controllers/modules/configure.tpl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@


{block name=pageTitle}
<h2 class="page-title">
<h2 class="page-title configure">
{l s='Configure'}
</h2>
<h4 class="page-subtitle">{$module_display_name}</h4>
Expand Down