mirror/kirche-im-netz.Startodon-Hub
1
0
Fork 1
mirror of https://codeberg.org/kirche-im-netz/Startodon-Hub.git synced 2025-09-01 08:15:21 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Close-Button Positionierung

Browse source
This commit is contained in:
Alexander Müller 2024-12-14 11:37:18 +01:00
parent 9585cbc9aa
commit fa69ddd968
2 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/template/template.html
View file

@ -19,9 +19,9 @@
<template id="popup-template"> <template id="popup-template">
<div class="recommendation-popup"> <div class="recommendation-popup">
<div class="recommendation-popup-content"> <div class="recommendation-popup-content">
<button class="close-popup">×</button>
<div class="recommendation-popup-header"> <div class="recommendation-popup-header">
<h3></h3> <h3></h3>
<button class="close-popup">×</button>
</div> </div>
<div id="account-list" class="recommendation-popup-body"></div> <div id="account-list" class="recommendation-popup-body"></div>
<div class="loading-spinner" id="loading-spinner"></div> <div class="loading-spinner" id="loading-spinner"></div>

12
style.css
View file

@ -293,10 +293,11 @@ section {
} }
.recommendation-popup-content { .recommendation-popup-content {
position: relative;
background-color: var(--background-color); background-color: var(--background-color);
border-radius: 15px; border-radius: 15px;
padding: 20px; padding: 20px;
width: 90%; width: 98%;
max-width: 800px; max-width: 800px;
height: 80%; height: 80%;
overflow: hidden; overflow: hidden;
@ -317,11 +318,14 @@ section {
} }
.close-popup { .close-popup {
background-color: transparent; position: absolute;
top: 10px;
right: 10px;
background: transparent;
border: none; border: none;
color: #ffffff; font-size: 20px;
font-size: 1.5rem;
cursor: pointer; cursor: pointer;
color: #ccc;
} }
.recommendation-popup-body { .recommendation-popup-body {