Fix text truncation of buttons (#33)

pull/34/head
Thomas 3 years ago committed by GitHub
parent dbed4ea527
commit 9d92c48ab7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## Unreleased
### Fixed
- Fixed the text truncation in buttons of the admin control panel
## 0.88.0 - 20.04.2021 ## 0.88.0 - 20.04.2021
### Changed ### Changed

@ -26,9 +26,9 @@
>In Progress</ng-container >In Progress</ng-container
> >
</div> </div>
<div class="mt-2"> <div class="mt-2 overflow-hidden">
<button <button
class="mb-2 mr-2" class="mb-2 mr-2 mw-100"
color="accent" color="accent"
mat-flat-button mat-flat-button
(click)="onFlushCache()" (click)="onFlushCache()"
@ -37,6 +37,7 @@
<span i18n>Reset Data Gathering</span> <span i18n>Reset Data Gathering</span>
</button> </button>
<button <button
class="mw-100"
color="warn" color="warn"
mat-flat-button mat-flat-button
[disabled]="dataGatheringInProgress" [disabled]="dataGatheringInProgress"

@ -16,6 +16,18 @@
} }
} }
} }
.mat-flat-button {
::ng-deep {
.mat-button-wrapper {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
}
}
} }
:host-context(.is-dark-theme) { :host-context(.is-dark-theme) {

Loading…
Cancel
Save