Bugfix: dialog/select layout broken in Safari

This commit is contained in:
djmaze 2021-11-25 14:20:52 +01:00
parent aed72f91ee
commit 0b657359fa
3 changed files with 4 additions and 3 deletions

View file

@ -69,6 +69,7 @@ dialog {
max-width: 560px;
overflow: auto;
padding: 0;
position: sticky;
transition: all .2s ease-out;
top: 0;
width: calc(100% - 20px);

View file

@ -1,8 +1,6 @@
#V-PopupsCompose {
display: flex;
flex-direction: column;
height: calc(100% - 52px);
height: calc(100vh - 52px);
max-width: 1000px;
width: 98%;

View file

@ -81,6 +81,8 @@ input[type="checkbox"] {
// Make select elements obey height by applying a border
select, .select {
// Safari requires -webkit-
-webkit-appearance: none;
appearance: none;
background: @inputBackground url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(85,85,85)'>▾</text></svg>") right center/1em no-repeat border-box;
border: 1px solid @inputBorder;