AAXX#82213 css alvast aangepast

svn path=/Website/trunk/; revision=63679
This commit is contained in:
2024-02-22 11:16:08 +00:00
parent b8ba2fc3c3
commit a5304ad4b4

View File

@@ -449,9 +449,17 @@ div.dbezet .plantime {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
@media (max-aspect-ratio: 1 / 1) { /* Alleen tonen als er ruimte is */ @media (max-aspect-ratio: 1 / 1) { /* Anders bovenin tonen */
.image-banner.may-pop-under > .page-banner > .ui-title { .image-banner.may-pop-under > .page-banner > .ui-title {
display: none; top: 0.5em;
left: 50%;
transform: translateX(-50%);
max-width: calc(100% - 94px); /* 5px hori-padding * 4 + 1px hori-border * 4 + 35px icoontjes links+rechts ruimte * 2 = 94px */
padding: 0 0.5em!important;
text-align: center;
text-overflow: ellipsis;
text-shadow: 0 0 5px black;
filter: drop-shadow(0 0 5px black); /* Om 1 of andere reden werkt de combi text-shadow & drop-shadow samen het beste */
} }
} }
.image-banner > [data-role=content]::before { /* Spacer die achter de header valt */ .image-banner > [data-role=content]::before { /* Spacer die achter de header valt */