Browse Source
Feature/improve benchmark comparator on mobile (#1238)
* Improve layout for mobile
* Update changelog
pull/1241/head
Thomas Kaul
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
18 additions and
10 deletions
-
CHANGELOG.md
-
apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html
|
|
|
@ -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/), |
|
|
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). |
|
|
|
|
|
|
|
## Unreleased |
|
|
|
|
|
|
|
### Changed |
|
|
|
|
|
|
|
- Improved the mobile layout of the benchmark comparator |
|
|
|
|
|
|
|
## 1.189.0 - 08.09.2022 |
|
|
|
|
|
|
|
### Changed |
|
|
|
|
|
|
|
@ -1,14 +1,16 @@ |
|
|
|
<div class="align-items-center d-flex"> |
|
|
|
<div class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate"> |
|
|
|
<span i18n>Benchmarks</span> |
|
|
|
<sup i18n>Beta</sup> |
|
|
|
<gf-premium-indicator |
|
|
|
*ngIf="user?.subscription?.type === 'Basic'" |
|
|
|
class="ml-1" |
|
|
|
></gf-premium-indicator> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-6 col-xs-12 d-flex"> |
|
|
|
<div class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate"> |
|
|
|
<span i18n>Benchmarks</span> |
|
|
|
<sup i18n>Beta</sup> |
|
|
|
<gf-premium-indicator |
|
|
|
*ngIf="user?.subscription?.type === 'Basic'" |
|
|
|
class="ml-1" |
|
|
|
></gf-premium-indicator> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<mat-form-field appearance="outline" class="w-100"> |
|
|
|
<div class="col-md-6 col-xs-12 d-flex justify-content-end"> |
|
|
|
<mat-form-field appearance="outline" class="w-100" color="accent"> |
|
|
|
<mat-label i18n>Compare with...</mat-label> |
|
|
|
<mat-select |
|
|
|
name="benchmark" |
|
|
|
|
