Merge pull request #467 from lightspeedwp/travel-info-modal-styling

Styled and adjusted functionality of the Travel info modals
lightspeedwp · Jan 7, 2025 · 8ab6e71 · 8ab6e71
2 parents d20c491 + 400bd1e
commit 8ab6e71
Show file tree

Hide file tree

Showing 3 changed files with 494 additions and 417 deletions.
diff --git a/assets/css/scss/_modals.scss b/assets/css/scss/_modals.scss
@@ -21,20 +21,22 @@
 	.modal-content {
 		background-color: #fefefe;
 		margin: 15% auto; /* 15% from the top and centered */
-		padding: 20px;
-		border: 1px solid #888;
+        padding: 10px 20px;
+        border: 3px solid var(--wp--preset--color--primary);
+        border-radius: 6px;
 		width: var(--wp--style--global--content-size); /* Could be more or less, depending on screen size */
 	}
 
 	/* The Close Button */
 	.close {
 		color: #aaa;
 		float: right;
-		font-size: 28px;
+		font-size: 32px;
 		font-weight: bold;
 		line-height: 0;
 		height: auto;
-		padding-top: 5px;
+        padding-top: 10px;
+        margin-right: -8px;
 
 		&:hover,
 		&:focus {

diff --git a/assets/css/style.css b/assets/css/style.css