merging (e3369d8c) · Commits · aflab / astrogeology / Asc Geostac

AutoComplete/README.md

+1 −1

Original line number	Diff line number	Diff line
		@@ -4,4 +4,4 @@ Step 1: Download zip file.

		Step 2: Extract zip file.

		Step 3: Run index.html in browser (open inspection in google chrome, keep refershing page till 404 error is not recieved).
		Step 3: Run index.html in browser.

AutoComplete/css/planetarynames.css

0 → 100644

+22 −0

Original line number	Diff line number	Diff line

		#autoComplete{
		border-style: solid;
		border-width: 2px;
		color: #000000;
		height: 21px;
		width: 150px;
		font-size: 1.2em;
		left: 40px;
		top: 14px;
		position: relative;
		}

		#autoComplete_list{position: relative; padding:0;left:0;right:0;margin-top:0;margin-left:auto;margin-right:auto;width:18rem;transition:all .1s ease-in-out;-webkit-transition:all -webkit-transform .1s ease}
		.autoComplete_result{/display: inline-block;//margin:0rem auto;padding:.6rem;//SAME WIDTH AS TEXTBOX/max-width:150px;/RESTYLE, OUTSIDE BORDER OF LIST/border:.05rem solid #e3e3e3;/NO BULLETS/list-style:none;/text-align:left;/font-size:1.1rem;color:#7b7b7b;transition:all .1s ease-in-out;background-color:#fff}
		.autoComplete_result::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}
		.autoComplete_result:last-child{border-radius:0 0 1rem 1rem}
		.autoComplete_result:hover{cursor:pointer;background-color:rgba(255,248,248,.9);border-left:2px solid rgb(0, 0, 0);border-right:2px solid rgb(0, 0, 0);border-top:2px solid transparent;border-bottom:2px solid transparent}
		.autoComplete_result:focus{outline:0;background-color:rgba(255,248,248,.9);border-left:2px solid rgb(0, 0, 0);border-right:2px solid rgb(0, 0, 0);border-top:2px solid transparent;border-bottom:2px solid transparent}
		.autoComplete_highlighted{opacity:1;color:rgb(0, 0, 0);font-weight:700}
		.autoComplete_highlighted::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}
		.autoComplete_selected{cursor:pointer;background-color:rgba(255,248,248,.9);border-left:2px solid rgb(0, 0, 0);border-right:2px solid rgb(0, 0, 0);border-top:2px solid transparent;border-bottom:2px solid transparent}@media only screen and (max-width:600px){#autoComplete{width:5rem}}
		No newline at end of file

AutoComplete/cssBeingUsed.css

deleted100644 → 0

+0 −27

Original line number	Diff line number	Diff line
		/**
		* Minified by jsDelivr using clean-css v4.2.1.
		* Original file: /npm/@tarekraafat/autocomplete.js@7.2.0/dist/css/autoComplete.css
		*
		* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
		*/
		#autoComplete_wrapper{position:relative;display:inline-block}
		#autoComplete{position:relative;padding:0 2rem 0 3.5rem;height:2.1rem;width:6rem;font-size:1.2rem;outline:0;border-radius:50rem;border:.05rem solid #ff7a7a;caret-color:#ff7a7a;color:rgba(255,255,255,0);background-repeat:no-repeat;background-size:1.2rem;background-origin:border-box;background-position:center;transition:all .4s ease;-webkit-transition:all -webkit-transform .4s ease;text-overflow:ellipsis}
		#autoComplete::placeholder{color:rgba(255,122,122,0);transition:all .3s ease}
		#autoComplete:hover::placeholder{color:rgba(255,122,122,.3);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}
		#autoComplete:focus::placeholder{padding:.1rem .6rem;font-size:1rem;color:rgba(255,122,122,.3);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}
		#autoComplete::selection{color:transparent}
		#autoComplete:focus::selection{color:#fff;background-color:rgba(255,122,122,1)}
		#autoComplete:hover{padding:0 2rem 0 3.5rem;color:rgba(255,122,122,1);height:3rem;width:16.5rem;background-size:1.7rem;background-position:left 1.05rem top .7rem;transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}
		#autoComplete:focus{padding:0 2rem 0 3.5rem;color:rgba(255,122,122,1);height:3rem;width:16.5rem;border:.05rem solid #ff7a7a;background-size:1.5rem;background-position:left 1.05rem top .8rem;box-shadow:rgba(255,122,122,.1) 0 0 20px 5px}
		#autoComplete_list{position:fixed;padding:0;left:0;right:0;margin-top:0;margin-left:auto;margin-right:auto;width:18rem;transition:all .1s ease-in-out;-webkit-transition:all -webkit-transform .1s ease}
		.autoComplete_result{/margin:0rem auto;/padding:.6rem;max-width:280px;border:.05rem solid #e3e3e3;list-style:none;text-align:left;font-size:1.1rem;color:#7b7b7b;transition:all .1s ease-in-out;background-color:#fff}
		.autoComplete_result::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}.autoComplete_result:last-child{border-radius:0 0 1rem 1rem}.autoComplete_result:hover{cursor:pointer;background-color:rgba(255,248,248,.9);border-left:2px solid rgba(255,122,122,1);border-right:2px solid rgba(255,122,122,1);border-top:2px solid transparent;border-bottom:2px solid transparent}
		.autoComplete_result:focus{outline:0;background-color:rgba(255,248,248,.9);border-left:2px solid rgba(255,122,122,1);border-right:2px solid rgba(255,122,122,1);border-top:2px solid transparent;border-bottom:2px solid transparent}
		.autoComplete_highlighted{opacity:1;color:rgba(255,122,122,1);font-weight:700}
		.autoComplete_highlighted::selection{color:rgba(#fff,0);background-color:rgba(#fff,0)}.autoComplete_selected{cursor:pointer;background-color:rgba(255,248,248,.9);border-left:2px solid rgba(255,122,122,1);border-right:2px solid rgba(255,122,122,1);border-top:2px solid transparent;border-bottom:2px solid transparent}@media only screen and (max-width:600px){#autoComplete{width:5rem}

		#autoComplete:focus{width:11rem;background-size:1.6rem;background-position:left 1.1rem top .75rem}.autoComplete_result:first-child{border-radius:1rem 1rem 0 0}.autoComplete_result:last-child{border-radius:0 0 1rem 1rem}.autoComplete_result:only-child{border-radius:1rem}}@media screen and (-webkit-min-device-pixel-ratio:0){#autoComplete{border-width:1px}
		#autoComplete:hover{border-width:1px}
		#autoComplete:focus{border-width:1px}}@-moz-document url-prefix(){#autoComplete{border-width:1px;background-size:1.2rem;background-origin:border-box;background-position:center}
		#autoComplete:hover{border-width:1px}#autoComplete:focus{border-width:1px;background-position:left 1.1rem top .8rem}}
		/# sourceMappingURL=/sm/2bb3dcf548ec37c7de5c930474e8db20da4091fb846c9dd2fcdf9eac37ea959e.map /
		No newline at end of file

AutoComplete/index.html

+0 −5

Original line number	Diff line number	Diff line
		@@ -10,11 +10,6 @@
		</script>
		<!-- Declares the stylesheet for the page.-->
		<link rel="stylesheet" href="planetarynames.css">
		<!-- Gets the autcomplete.js library for use (Doesn't look like I need this, keeping it for now just in case).
		<script src="./autoComplete.js/dist/js/autoComplete.js"></script> -->
		<!--Link to demo stylesheet, keeping for now in case I need it.
		<head><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@7.2.0/dist/css/autoComplete.min.css">
		</head>-->
		<script src="./render.js"></script>
		<!-- Declares id of input field which will be used for the autcomplete.-->
		<input id="autoComplete" tabindex="1" onfocusout="unrenderBox()" onfocusin="renderBox()"></input> <!-- Default "id" value = "autoComplete"> -->

AutoComplete/customIndex.js→AutoComplete/js/customIndex.js

+0 −0

File moved.

View file