fix bulma modal
This commit is contained in:
parent
664c95820f
commit
a2549ff7db
@ -62,6 +62,7 @@
|
||||
margin: 0 auto;
|
||||
border-radius: 10px;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
@ -76,7 +77,6 @@
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.modal-card-body{
|
||||
max-width: fit-content !important;
|
||||
overflow: clip !important;
|
||||
}
|
||||
</style>
|
||||
@ -128,7 +128,7 @@
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<p class="modal-card-title"></p>
|
||||
<p class="modal-card-title has-size-4"></p>
|
||||
<button class="delete" aria-label="close" data-action="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
|
||||
@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
margin: 0 auto;
|
||||
border-radius: 10px;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.modal-card-body{
|
||||
max-width: fit-content !important;
|
||||
overflow: clip !important;
|
||||
}
|
||||
</style>
|
||||
@ -159,7 +159,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
|
||||
printf " <div class=\"modal-background\"></div>\n" >> "$OUTPUT_FILE"
|
||||
printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
|
||||
printf " <header class=\"modal-card-head\">\n" >> "$OUTPUT_FILE"
|
||||
printf " <p class=\"modal-card-title\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
|
||||
printf " <p class=\"modal-card-title has-size-4\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
|
||||
printf " <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
|
||||
printf " </header>\n" >> "$OUTPUT_FILE"
|
||||
printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"
|
||||
|
||||
@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
margin: 0 auto;
|
||||
border-radius: 10px;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.modal-card-body{
|
||||
max-width: fit-content !important;
|
||||
overflow: clip !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
margin: 0 auto;
|
||||
border-radius: 10px;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.modal-card-body{
|
||||
max-width: fit-content !important;
|
||||
overflow: clip !important;
|
||||
}
|
||||
</style>
|
||||
@ -160,7 +160,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
|
||||
printf " <div class=\"modal-background\"></div>\n" >> "$OUTPUT_FILE"
|
||||
printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
|
||||
printf " <header class=\"modal-card-head\">\n" >> "$OUTPUT_FILE"
|
||||
printf " <p class=\"modal-card-title\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
|
||||
printf " <p class=\"modal-card-title\ has-size-4">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
|
||||
printf " <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
|
||||
printf " </header>\n" >> "$OUTPUT_FILE"
|
||||
printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"
|
||||
|
||||
@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
margin: 0 auto;
|
||||
border-radius: 10px;
|
||||
max-width: 90vw;
|
||||
max-height: 90vh;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.modal-card-body{
|
||||
max-width: fit-content !important;
|
||||
overflow: clip !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user