}
.container-fluid {
- top: 48px;
overflow: auto;
position: absolute;
+ top: 48px;
}
.rgw-dashboard {
<!-- HEADER -->
<!-- ************************ -->
<ng-template #header>
-<cds-header name="Ceph Dashboard" [brand]="brandTemplate" [isTemplate]="true">
+<cds-header name="Ceph Dashboard"
+ [brand]="brandTemplate"
+ [isTemplate]="true">
<cds-hamburger [active]="showMenuSidebar"
(selected)="showMenuSidebar = !showMenuSidebar"></cds-hamburger>
<cds-header-global>
size="20"></svg>
<cds-sidenav-item route="/rgw/overview"
[useRouter]="true"
- class="tc_submenuitem tc_submenuitem_rgw_overview"><span i18n>Overview</span></cds-sidenav-item>
+ class="tc_submenuitem tc_submenuitem_rgw_overview"><span i18n>Overview</span></cds-sidenav-item>
<cds-sidenav-item route="/rgw/bucket"
[useRouter]="true"
class="tc_submenuitem tc_submenuitem_rgw_buckets"><span i18n>Buckets</span></cds-sidenav-item>
left: 0;
overflow-y: auto;
position: relative;
- z-index: 999;
transition: all 0.3s;
width: $sidebar-width;
+ z-index: 999;
&.active {
// margin-left: -$sidebar-width;
NgbTimepickerModule,
UIShellModule,
ButtonModule,
- NotificationModule,
+ NotificationModule
],
declarations: [
SparklineComponent,
UpgradableComponent
]
})
-export class ComponentsModule {}
\ No newline at end of file
+export class ComponentsModule {}
}
.telemetry-notification {
- z-index: 99999;
- position: absolute;
bottom: 25px;
+ position: absolute;
right: 50%;
transform: translateX(50%);
+ z-index: 99999;
}
-@use "@carbon/styles/scss/config" with (
- $font-path: "~@ibm/plex",
+@use '@carbon/styles/scss/config' with (
+ $font-path: '~@ibm/plex',
$flex-grid-columns: 16,
$use-flexbox-grid: true,
);
-@use "./themes/upstream";
+@use './themes/upstream';
@use '@carbon/styles/scss/compat/themes' as compat;
@use '@carbon/styles/scss/themes';
@use '@carbon/styles/scss/theme' with (
$theme: compat.$g90,
$fallback: upstream.$theme,
);
-@use "@carbon/styles";
+@use '@carbon/styles';
@use '@carbon/type';
/**********************************************************************************
a.cds--header__menu-item,
.cds--header__action,
-.cds--header{
+.cds--header {
block-size: 3.9rem;
font-size: calc(type.type-scale(4) + 0.5px);
}
// Typography
-// WARNING: This was clashing with Carbon's font-family
+// WARNING: This was clashing with Carbon's font-family
// $font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
// 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
text-secondary: #c6c6c6,
btn-primary: vv.$primary,
border-interactive: vv.$primary,
- background: vv.$secondary,
-);
\ No newline at end of file
+ background: vv.$secondary
+);