More mobile layouting

OpenBudget · Feb 4, 2024 · ccbb530 · ccbb530
1 parent 9bf7159
commit ccbb530
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 7 deletions.
diff --git a/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.html b/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.html
@@ -1,7 +1,7 @@
 <div class='header'>
     <div class='top-line'>
+        <app-share-widget [color]='secondaryColor'></app-share-widget>
         <div class='top-right' [style.color]='primaryColor'>
-            <app-share-widget [color]='secondaryColor'></app-share-widget>
             <ng-content select='.category'></ng-content>
         </div>
         <div class='top-left' [style.color]='secondaryColor'>

diff --git a/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less b/projects/budgetkey/src/app/item/item-page-header/item-page-header.component.less
@@ -10,28 +10,30 @@
 
         .top-line {
             width: 100%;
-            height: 32px;
+            min-height: 32px;
 
+            padding: 4px 0;
             padding-right: 14px;
             padding-left: 8px;
 
             display: flex;
             flex-flow: row wrap;
             align-items: center;
 
+            app-share-widget {
+                margin-left: 8px;
+            }
+
             .top-right {
                 .font-abraham;
                 font-size: 13px;
                 font-weight: 400;
                 line-height: normal;
 
                 display: flex;
-                flex-flow: row;
+                flex-flow: row wrap;
                 align-items: center; 
 
-                app-share-widget {
-                    margin-left: 8px;
-                }
 
                 ::ng-deep {
                     strong {

diff --git a/projects/budgetkey/src/app/item/item-page/item-page.component.html b/projects/budgetkey/src/app/item/item-page/item-page.component.html
@@ -1,4 +1,4 @@
-<app-container [showHeader]="true" [showSearchBar]="true" [listSideView]='true'>
+<app-container [showHeader]="true" [showSearchBar]="true" [listSideView]='true' [showShare]="false">
   <div #container class="budgetkey-item-wrapper container-fluid" [ngClass]="'style-' + style" *ngIf='init'>
     <div class='item-container'>
       <app-item-budget0dig *ngIf='prefix("budget/00/")' [item]='item'></app-item-budget0dig>

diff --git a/...budgetkey/src/app/item/items/item-budget/base-budget-item/base-budget-item.component.less b/...budgetkey/src/app/item/items/item-budget/base-budget-item/base-budget-item.component.less
@@ -0,0 +1,7 @@
+::ng-deep {
+    .top-right {
+        app-item-link a, strong {
+            white-space: nowrap;
+        }
+    }
+}
diff --git a/projects/budgetkey/src/app/list-components/app-container/app-container.component.html b/projects/budgetkey/src/app/list-components/app-container/app-container.component.html
@@ -2,6 +2,7 @@
     <app-bk-header *ngIf="showHeader"
         [showSearchBar]="showSearchBar"
         [showLanguages]="showLanguages"
+        [showShare]="showShare"
     ></app-bk-header>
     <div class='scrollable'>
         <div class='app'>

diff --git a/projects/budgetkey/src/app/list-components/app-container/app-container.component.ts b/projects/budgetkey/src/app/list-components/app-container/app-container.component.ts
@@ -20,6 +20,7 @@ export class AppContainerComponent implements AfterViewInit, OnChanges {
     @Input() showFooter = true;
     @Input() showSearchBar = false;
     @Input() showLanguages = false;
+    @Input() showShare = true;
     @Input() helpWidget = true;
     @Input() listSideView = false;