myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-07-07 18:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved sidebar resizing

Browse Source
This commit is contained in:
Geomitron
2020-05-30 00:16:59 -04:00
parent fe6d8d2545
commit f7bc59ab5f
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/browse/chart-sidebar/chart-sidebar.component.html
View File

@@ -19,8 +19,8 @@
</div> </div>
</div> </div>
<div class="ui positive buttons"> <div id="downloadButtons" class="ui positive buttons">
<div class="ui button" (click)="onDownloadClicked()">{{downloadButtonText}}</div> <div id="downloadButton" class="ui button" (click)="onDownloadClicked()">{{downloadButtonText}}</div>
<div *ngIf="getSelectedChartVersions().length > 1" id="versionDropdown" class="ui floating dropdown icon button"> <div *ngIf="getSelectedChartVersions().length > 1" id="versionDropdown" class="ui floating dropdown icon button">
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
</div> </div>

11
src/app/components/browse/chart-sidebar/chart-sidebar.component.scss
View File

@@ -9,19 +9,28 @@
#textPanel { #textPanel {
flex-grow: 1; flex-grow: 1;
overflow-y: auto;
} }
#versionDropdown { #versionDropdown {
max-width: min-content; max-width: min-content;
} }
#chartDropdown {
min-height: min-content;
}
::ng-deep #chartDropdownMenu > div.item { ::ng-deep #chartDropdownMenu > div.item {
white-space: normal; white-space: normal;
word-break: break-word; word-break: break-word;
} }
#chartDropdownIcon { #chartDropdownIcon, #versionDropdown {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
#downloadButton {
width: min-content;
}