From 9b97f918dac545318a45b8fee6de619d44e26858 Mon Sep 17 00:00:00 2001
From: Christophe St-Georges <christophe.st-georges@polymtl.ca>
Date: Sat, 5 Dec 2020 10:51:19 -0500
Subject: [PATCH] Added filter button to ListeFrigo
---
css/styles.css | 35 +++++++++++++++++++++++++++++++++++
html/listeFrigos.html | 6 +++++-
2 files changed, 40 insertions(+), 1 deletion(-)
diff --git a/css/styles.css b/css/styles.css
index fa794e7..0f60222 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -143,6 +143,37 @@ iframe {
margin: 3px 0px -3px -10px;
}
+.filter-button{
+ width: 46px;
+ height: 43px;
+ border-radius: 5px;
+ background-color: #53bdbd;
+ border: none;
+ position: absolute;
+ top: 12px;
+ left: 145px;
+ outline:none;
+ cursor: pointer;
+}
+
+.filter-button img{
+ width: 19px;
+ height: 19px;
+ position: absolute;
+ top: 3px;
+ left: 14px;
+}
+
+.filter-button span{
+ position: absolute;
+ color: white;
+ font-weight: bold;
+ text-align: center;
+ font-size: 13px;
+ top: 25px;
+ left: 4px;
+}
+
.fridgeOutline {
border-radius: 25px;
background-color: #F2F2F2;
@@ -550,6 +581,10 @@ iframe {
font-size: 12px;
}
+#listeFrigo{
+ position: relative;
+}
+
#memberSectionTab{
background-color: white;
color: #008C8C;
diff --git a/html/listeFrigos.html b/html/listeFrigos.html
index 5ac8c46..9c378a2 100644
--- a/html/listeFrigos.html
+++ b/html/listeFrigos.html
@@ -6,7 +6,11 @@
<title>Liste des frigos</title>
</head>
<body id="listeFrigo" onload="retrieveFrigos()">
- <p class="titleSection">Mon profil</p>
+ <p class="titleSection">Liste des frigos</p>
+ <button class="filter-button">
+ <img src="../filtre.png"><br>
+ <span>Filtres</span>
+ </button>
</body>
<script src="../scripts/readJson.js"></script>
<script>
--
GitLab