Browse Source
Merge pull request #9571 from vvlladd28/improvement/add-widget/panel-width
Change dashboard add widget panel width
pull/9583/head
Igor Kulikov
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
12 additions and
6 deletions
-
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.scss
-
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts
|
|
@ -125,7 +125,11 @@ div.tb-dashboard-page { |
|
|
mat-drawer-container.tb-dashboard-layouts { |
|
|
mat-drawer-container.tb-dashboard-layouts { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
&.tb-shrinked { |
|
|
&.tb-shrinked { |
|
|
width: 40%; |
|
|
width: max(40%, calc(100% - 956px)); |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 2000px) { |
|
|
|
|
|
width: max(40%, calc(100% - 1192px)); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -135,11 +139,11 @@ div.tb-dashboard-page { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@media #{$mat-gt-md} { |
|
|
@media #{$mat-gt-md} { |
|
|
width: 75% !important; |
|
|
width: min(85%, 956px) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@media #{$mat-gt-xl} { |
|
|
@media screen and (min-width: 2000px) { |
|
|
width: 60% !important; |
|
|
width: min(60%, 1192px) !important; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
@ -142,8 +142,10 @@ export class DashboardWidgetSelectComponent implements OnInit { |
|
|
columns: 2, |
|
|
columns: 2, |
|
|
breakpoints: { |
|
|
breakpoints: { |
|
|
'screen and (min-width: 2000px)': 5, |
|
|
'screen and (min-width: 2000px)': 5, |
|
|
'gt-md': 4, |
|
|
'screen and (min-width: 1097px)': 4, |
|
|
'gt-xs': 3 |
|
|
'gt-sm': 3, |
|
|
|
|
|
'screen and (min-width: 721px)': 4, |
|
|
|
|
|
'screen and (min-width: 485px)': 3 |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
