EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2716 course: Fix section selector lenght

main
Pau Ferrer Ocaña 2018-11-09 11:28:01 +01:00
parent 51d530f7b5
commit c584b9ae13
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/app.scss
View File

@ -449,6 +449,7 @@ ion-app.app-root {
white-space: normal;
align-self: start;
max-width: none;
@include text-align('start');
&.select-md,
&.button-md {

4
src/core/course/components/format/core-course-format.html
View File

@ -20,9 +20,9 @@
<!-- Section selector. -->
<core-dynamic-component [component]="sectionSelectorComponent" [data]="data">
<div text-wrap *ngIf="displaySectionSelector && sections && sections.length" padding class="clearfix" ion-row justify-content-between>
<button float-start ion-button icon-start (click)="showSectionSelector($event)" color="light" class="core-button-select button-no-uppercase" ion-col>
<button float-start ion-button icon-start icon-end (click)="showSectionSelector($event)" color="light" class="core-button-select button-no-uppercase" ion-col>
<core-icon name="fa-folder"></core-icon>
{{selectedSection && (selectedSection.formattedName || selectedSection.name) || 'core.course.sections' | translate }}
<span class="core-section-selector-text">{{selectedSection && (selectedSection.formattedName || selectedSection.name) || 'core.course.sections' | translate }}</span>
<ion-icon name="arrow-dropdown" ios="md-arrow-dropdown"></ion-icon>
</button>
<!-- Section download. -->

7
src/core/course/components/format/format.scss
View File

@ -6,6 +6,13 @@ ion-app.app-root ion-badge.core-course-download-section-progress {
ion-app.app-root core-course-format {
button.core-button-select .core-section-selector-text {
overflow: hidden;
text-overflow: ellipsis;
line-height: 2em;
white-space: nowrap;
}
.core-format-progress-list {
margin-bottom: 0;