Skip to content

Commit

Permalink
[BasicUI] Fix frame title's left padding in condensed tablet layout (#…
Browse files Browse the repository at this point in the history
…2700)

Before:

<img width="328" alt="image"
src="https://github.com/user-attachments/assets/f8dcad17-a86f-4a19-8c99-7668d755f37d">

After:

<img width="378" alt="image"
src="https://github.com/user-attachments/assets/673397dc-af99-4d46-8a9c-845f44033882">

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
  • Loading branch information
jimtng authored Aug 10, 2024
1 parent 4d6ad05 commit 77d42c1
Showing 1 changed file with 2 additions and 4 deletions.
6 changes: 2 additions & 4 deletions bundles/org.openhab.ui.basic/web-src/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -435,19 +435,17 @@
&__title {
margin: 0;
padding-left: $form-row-desktop-padding + $mdl-grid-spacing;
html.ui-layout-condensed & {
padding-left: $form-row-desktop-padding-condensed + $mdl-grid-spacing;
}
padding-top: 25px;
padding-bottom: 10px;
html.ui-layout-condensed & {
padding-left: $form-row-desktop-padding-condensed + $mdl-grid-spacing;
padding-top: 15px;
padding-bottom: 5px;
}
@media screen and (max-width: $layout-tablet-size-threshold) {
padding-left: $form-row-mobile-padding + $mdl-grid-spacing;
html.ui-layout-condensed & {
padding-left: $form-row-desktop-padding-condensed + $mdl-grid-spacing;
padding-left: $form-row-mobile-padding-condensed + $mdl-grid-spacing;
}
}
}
Expand Down

0 comments on commit 77d42c1

Please sign in to comment.