$ git clone http://thingshare.ion.nu/thingshare.git
commit ed7710f67f2bc2720643ad6be01d8587a75fba5f
Author: Alicia <...>
Date: Tue Feb 2 20:42:36 2021 +0100
Fixed an issue with the notifications dropdown where the icon scrolled along with the notifications.
diff --git a/head.php b/head.php
index 93f2247..d7998e5 100644
--- a/head.php
+++ b/head.php
@@ -125,7 +125,9 @@ if($path[1]=='tag')
<div class="dropdown-container">
<div class="dropdown">
<img src="<?=BASEURL?>/icons/bell.svg" width="32" height="32" onerror="this.src='<?=BASEURL?>/icons/bell.png';" style="display:block; opacity:<?=($notifications_new?1:0.5)?>;" />
- <?=$notifications?>
+ <div class="dropdown-content">
+ <?=$notifications?>
+ </div>
</div>
</div>
<!-- Link to user settings, messages -->
diff --git a/style.css b/style.css
index a53e596..db17ea6 100644
--- a/style.css
+++ b/style.css
@@ -193,14 +193,19 @@ div.dropdown {
position:absolute;
}
div.dropdown:hover {
- overflow-y:auto;
- height:250px;
+ height:258px;
width:auto;
background-color:#e0e0e0;
border-radius:5px;
box-shadow:#000000 0px 15px 20px 0px;
z-index:20;
}
+div.dropdown>div.dropdown-content {
+ height:218px;
+ padding:4px;
+ padding-top:0px;
+ overflow-y:auto;
+}
div.notification {
display:inline;
}