new: We use simple fade animation on dialog open, instead of slide down

dev: Code cleanup
lscambo13 · Jan 4, 2024 · 0e78777 · 0e78777
1 parent 9ef22c5
commit 0e78777
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -17,8 +17,8 @@
       });
     }
   </script> -->
-	<link rel="manifest" href="manifest.json?v=1703602562286">
-	<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1703602562286">
+	<link rel="manifest" href="manifest.json?v=1703602562287">
+	<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1703602562287">
 	<title>Search &bull; Casa Mia</title>
 	<meta name="theme-color" content="black">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -29,10 +29,10 @@
 		  rel="stylesheet" />
 	<link rel="stylesheet" href="./icons.css" />
 	<link rel="stylesheet"
-		  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?v=1703602562286">
-	<link rel="stylesheet" href="./animations.css?v=1703602562286">
-	<link rel="stylesheet" href="./style.css?v=1703602562286" />
-	<script src="./index.js?v=1703602562286" type="module"></script>
+		  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?v=1703602562287">
+	<link rel="stylesheet" href="./animations.css?v=1703602562287">
+	<link rel="stylesheet" href="./style.css?v=1703602562287" />
+	<script src="./index.js?v=1703602562287" type="module"></script>
 </head>
 
 <body>
@@ -47,7 +47,7 @@
 		<div class="header-right-block">WEATHER</div>
 	</div>
 	<div id="wrap" class="startup_slide_down">
-		<div class="flex-main-container-vertical">
+		<div id="flex-main-container-vertical" class="flex-main-container-vertical">
 			<div id="home-widget-container"><i id="left-arrow" class="arrows fa fa-caret-left"></i>
 				<div class="home-widget">
 					<div id="main-heading-slider" class="nowrap disable-select">

diff --git a/index.js b/index.js
@@ -27,7 +27,6 @@ import {
 	applyPreferences,
 	askCustomDomain,
 	askCustomText,
-	focusSearchBar,
 	loadDropdownPositions,
 	loadSelectedWidgetStyle,
 	scrollToBottom,

diff --git a/js_modules/custom_bookmarks.js b/js_modules/custom_bookmarks.js
@@ -96,17 +96,13 @@ export function downloadBookmarks(filename, text) {
         'data:text/plain;charset=utf-8,' + encodeURIComponent(text),
     );
     element.setAttribute('download', filename);
-
     element.style.display = 'none';
     document.body.appendChild(element);
-
     element.click();
-
     document.body.removeChild(element);
 }
 
 export function editBookmark(event) {
-    // console.log('click ' + event.target.parentNode.id);
     event.preventDefault();
     event.stopPropagation();
     const targetElement = event.target.parentNode;

diff --git a/js_modules/utils/alertDialog.js b/js_modules/utils/alertDialog.js
@@ -77,16 +77,8 @@ const showAlertDialog = (
 
 	const promise = new Promise((resolve, reject) => {
 		alertModalContainer.style.alignItems = 'center';
-		// alertModalContainer.style.paddingBlockStart = '0em';
 		alertModalContainer.style.opacity = '1';
 
-		// const rejectModal = () => {
-		// 	// modalCancelButton.removeEventListener('click', rejectModal);
-		// 	// alertModalContainer.remove();
-		// 	// document.body.style.overflow = 'auto';
-		// 	reject(Error(null));
-		// };
-
 		const resolveModal = () => {
 			modalCancelButton.removeEventListener('click', resolveModal);
 			if (tickBox[0]) {

diff --git a/js_modules/utils/blurLevel.js b/js_modules/utils/blurLevel.js
@@ -3,4 +3,4 @@ export function blurLevel(int) {
 		.setProperty('--blur-one-em', `blur(${int}em)`);
 	document.documentElement.style
 		.setProperty('--blur-one-px', `blur(${int}px)`);
-}
+}
diff --git a/js_modules/utils/inputDialog.js b/js_modules/utils/inputDialog.js
@@ -90,7 +90,7 @@ const showInputDialog = (
 	if (!cancelButtonName) modalCancelButton.style.display = 'none';
 
 	const promise = new Promise((resolve, reject) => {
-		modalContainer.style.paddingBlockStart = '4em';
+		// modalContainer.style.paddingBlockStart = '4em';
 		modalContainer.style.opacity = '1';
 
 		const rejectModal = () => {

diff --git a/style.css b/style.css
@@ -1042,7 +1042,7 @@ input::-webkit-search-cancel-button:hover {
 	justify-content: center;
 	padding-block-start: 2em;
 	opacity: 0;
-	transition: 125ms;
+	transition: 200ms;
 }
 
 .modal {