JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: fix main content width

Browse Source 
Fixed main content width to be appropriate.
In case of very long access grant name (100+ symbols) main content gets overlapped with window border. That's an unhandled edge case.

Change-Id: I42ef709edc8454f054baa52231c605afadc471e2
This commit is contained in:
Vitalii 2022-05-31 12:24:01 +03:00
parent 2438c92d56
commit 4f668f54c0
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/satellite/src/views/DashboardArea.vue
View File

@ -23,6 +23,7 @@
'with-two-bars': amountOfInfoBars === 2,
'with-three-bars': amountOfInfoBars === 3,
'with-four-bars': amountOfInfoBars === 4,
'no-nav': isNavigationHidden,
}"
>
<BetaSatBar v-if="isBetaSatellite" />
@ -424,7 +425,7 @@ export default class DashboardArea extends Vue {
height: 100%;
&__content-wrap {
width: 100%;
width: calc(100% - 280px);
&__content {
overflow-y: auto;
@ -466,10 +467,22 @@ export default class DashboardArea extends Vue {
height: calc(100% - 62px - 104px);
}
.no-nav {
width: 100%;
}
@media screen and (max-width: 1280px) {
.regular-navigation {
display: none;
}
.dashboard__wrap__new-main-area__content-wrap {
width: calc(100% - 86px);
}
.no-nav {
width: 100%;
}
}
</style>