From df2d6a16119d8a344e21adef6033f7c150540bb6 Mon Sep 17 00:00:00 2001
From: "mathias.chouet" <mathias.chouet@irstea.fr>
Date: Mon, 28 Jan 2019 09:38:58 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20#52=20(part.=202)=20:=20meilleure=20adapt?=
=?UTF-8?q?ation=20de=20la=20taille=20du=20s=C3=A9lecteur=20de=20calculett?=
=?UTF-8?q?es=20en=20mode=20=C3=A9croul=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/app/app.component.html | 8 +-------
src/app/app.component.scss | 8 +++++++-
2 files changed, 8 insertions(+), 8 deletions(-)
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 549dff498..8a1b87061 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -12,7 +12,7 @@
<a class="navbar-brand"></a>
<!-- calculators list as a dropdown menu-->
- <div [hidden]="tabsFitInNavbar">
+ <div [hidden]="tabsFitInNavbar" id="dropdown-calc-container">
<button *ngIf="! currentCalc" mat-button [matMenuTriggerFor]="menu" color="primary" class="calculators-menu-title">
<mat-icon class="dropdown-icon">arrow_drop_down</mat-icon>
@@ -103,12 +103,6 @@
</mat-sidenav>
<mat-sidenav-content class="sidenav-content" fxFlexFill>
- <!-- chargement des calculettes -->
- <div appLoadCalcDialogAnchor></div>
-
- <!-- sauvegarde des calculettes -->
- <div appSaveCalcDialogAnchor></div>
-
<div class="container-fluid">
<div class="row">
<div class="col-12">
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index ba519adf7..55d5653c8 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -37,6 +37,11 @@ button:focus {
width: 100%;
}
+#dropdown-calc-container {
+ width: 100%;
+ padding-right: 42px;
+}
+
.calculator-button, .calculators-menu-title, .calculator-menu-item {
.calc-name {
@@ -90,8 +95,9 @@ button:focus {
.calculators-menu-title {
background-color: white;
- width: 360px; // minimal screen width supported: 480
margin-top: 8px;
+ width: 100%; // adapts to small screens
+ max-width: 400px;
.dropdown-icon {
float: right;
--
GitLab