nobigtech
/
fedilove
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix firefox address bar height issue

This commit is contained in:
Niko 2022-02-20 02:01:06 +01:00
parent 62f46f9562
commit 81072c6bc9
4 changed files with 7 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app/app.php
View File

@ -24,7 +24,7 @@ $width = '40em';
<div class="center size-max" <div class="center size-max"
style="max-width: <?php echo $width ?>"> style="max-width: <?php echo $width ?>">
<div id="content" class="size-max"></div> <div id="content" class="size-max"></div>
<div id="actions" class="fixed-bottom width-max" <div id="actions" class="absolute-bottom width-max"
style="max-width: <?php echo $width ?>"></div> style="max-width: <?php echo $width ?>"></div>
</div> </div>
</div> </div>

7
web/src/app/css/app.css
View File

@ -107,8 +107,6 @@ main {
.meet.item { .meet.item {
max-width: 40em; max-width: 40em;
margin-bottom: 1em;
border-radius: .2em;
} }
.meet.item .back-avatar { .meet.item .back-avatar {
display: grid; display: grid;
@ -125,8 +123,6 @@ main {
@media (max-width: 700px) { @media (max-width: 700px) {
.meet.item .status-avatar img { .meet.item .status-avatar img {
max-width: 20em !important; max-width: 20em !important;
position: relative;
top: -3em;
} }
} }
.meet.item .black { .meet.item .black {
@ -189,9 +185,6 @@ main {
padding-bottom: .8em; padding-bottom: .8em;
} }
.meet.item .content {
display: grid;
}
.item .acct { .item .acct {
font-size: .8em; font-size: .8em;
opacity: .7; opacity: .7;

6
web/src/app/js/app.js
View File

@ -323,9 +323,3 @@ window.onhashchange = function(e) {
return cfg.callback(args); return cfg.callback(args);
} }
} }
window.addEventListener('resize', function(e) {
document.querySelectorAll('.overlay').forEach(function(node) {
node.style.height = window.innerHeight;
});
})

12
web/src/app/js/templates/meet/item.html
View File

@ -1,18 +1,18 @@
<div class="meet item fixed-top width-max" data-id="{._id}" style="display:none"> <div class="meet item fixed-top width-max" data-id="{._id}" style="display:none">
<div class="back-avatar" style="background-image:url({.account.avatar.url})"></div> <div class="back-avatar" style="background-image:url({.account.avatar.url})"></div>
<div class="absolute-top width-max height-max black" style="display: ruby"> <div class="absolute-top size-max black" style="display: ruby">
<div style="height: 100vh;width: 3em;background: black;position: relative;left: -3em;"></div> <div style="height: 100vh;width: 3em;background: black;position: relative;left: -3em;"></div>
<div style="height: 100vh;width: 3em;background: black;float: right;position: relative;left: 3em;"></div> <div style="height: 100vh;width: 3em;background: black;float: right;position: relative;left: 3em;"></div>
</div> </div>
<div class="absolute-top width-max height-max content"> <div class="absolute-top size-max content" style="overflow: auto">
<div class="status-avatar flex"> <div style="height: 60%" class="status-avatar flex">
<a class="center" href="javascript:app.media.view('{.account.avatar.url}')"/> <a class="center" href="javascript:app.media.view('{.account.avatar.url}')"/>
<img src="{.account.avatar.url}"/> <img class="width-max" src="{.account.avatar.url}"/>
</a> </a>
</div> </div>
<div> <div style="height: 40%">
<div class="status fixed-bottom width-max" <div class="status fixed-bottom width-max"
style="bottom: {actionsHeight}; max-width: 40em"> style="margin-bottom: {actionsHeight}; max-width: 40em">
<div class="flex width-max"> <div class="flex width-max">
<div class="absolute width-max"> <div class="absolute width-max">
<div class="date"> <div class="date">