MOBILE-3320 style: Fix section download hidden with long section names
parent
9b8c2bf9f0
commit
05cbaba8f2
|
@ -1,6 +1,8 @@
|
|||
@import "~theme/globals";
|
||||
|
||||
:host {
|
||||
max-width: 100%;
|
||||
|
||||
ion-select,
|
||||
ion-button {
|
||||
--icon-margin: 0 8px;
|
||||
|
|
|
@ -167,7 +167,7 @@
|
|||
|
||||
<!-- Template to render a section download button/progress. -->
|
||||
<ng-template #sectionDownloadTemplate let-section="section">
|
||||
<div *ngIf="section && downloadEnabled" slot="end" class="core-button-spinner core-section-download">
|
||||
<div *ngIf="section && downloadEnabled" slot="end" class="core-button-spinner">
|
||||
<!-- Download progress. -->
|
||||
<ion-badge class="core-course-download-section-progress"
|
||||
*ngIf="section.isDownloading && section.total > 0 && section.count < section.total" role="progressbar"
|
||||
|
|
|
@ -55,7 +55,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.core-section-download.core-button-spinner {
|
||||
.core-section-download {
|
||||
core-combobox {
|
||||
max-width: calc(100% - 64px);
|
||||
}
|
||||
.core-button-spinner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@include margin-horizontal(10px);
|
||||
|
@ -64,6 +68,7 @@
|
|||
@include margin(null, 12px, null, null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.core-course-section-nav-buttons {
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in New Issue