myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-04-11 22:29:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved chart dropdown visibility

Browse Source
This commit is contained in:
Geomitron
2020-05-28 16:16:04 -04:00
parent 79409496c7
commit 5591ece7bc
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,16 +2,11 @@
<div class="ui placeholder" [ngClass]="{'placeholder': albumArtSrc == ''}"> <div class="ui placeholder" [ngClass]="{'placeholder': albumArtSrc == ''}">
<img class="ui square image" [src]="albumArtSrc"> <img class="ui square image" [src]="albumArtSrc">
</div> </div>
<div *ngIf="charts.length > 1" id="chartDropdown" class="ui fluid selection dropdown"> <div *ngIf="charts.length > 1" id="chartDropdown" class="ui fluid right labeled icon dropdown button">
<input type="hidden" name="Chart"> <input type="hidden" name="Chart">
<i class="dropdown icon"></i> <i id="chartDropdownIcon" class="dropdown icon"></i>
<div class="default text">Chart</div> <div class="default text"></div>
<div class="menu"> <div id="chartDropdownMenu" class="menu">
<div class="item" data-value="1">
<h4 class="ui header">Chart1</h4>
<div>row2</div>
</div>
<div class="item" data-value="0">Chart 2</div>
</div> </div>
</div> </div>
<div id="textPanel" class="content"> <div id="textPanel" class="content">

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

@@ -13,4 +13,15 @@
#versionDropdown { #versionDropdown {
max-width: min-content; max-width: min-content;
}
::ng-deep #chartDropdownMenu > div.item {
white-space: normal;
word-break: break-word;
}
#chartDropdownIcon {
display: flex;
flex-direction: column;
justify-content: center;
} }