Browse Source

CIncrease mobile header size. Removed filter placeholder

Yuin Chien 6 years ago
parent
commit
2172fe1ed0
3 changed files with 9 additions and 4 deletions
  1. 1 1
      docs/index.html
  2. 1 1
      examples/index.html
  3. 7 2
      files/main.css

+ 1 - 1
docs/index.html

@@ -41,7 +41,7 @@
 
 			<div id="contentWrapper">
 				<div id="inputWrapper">
-					<input placeholder="Search" type="text" id="filter" autocorrect="off" autocapitalize="off" spellcheck="false" />
+					<input placeholder="" type="text" id="filter" autocorrect="off" autocapitalize="off" spellcheck="false" />
 					<div id="exitSearchButton"></div>
 					<select id="language">
 						<option value="en">en</option>

+ 1 - 1
examples/index.html

@@ -45,7 +45,7 @@
 			<div id="contentWrapper">
 
 				<div id="inputWrapper">
-					<input placeholder="Search" type="text" id="filter" autocorrect="off" autocapitalize="off" spellcheck="false" />
+					<input placeholder="" type="text" id="filter" autocorrect="off" autocapitalize="off" spellcheck="false" />
 					<div id="exitSearchButton"></div>
 				</div>
 

+ 7 - 2
files/main.css

@@ -14,7 +14,7 @@
 	--panel-padding: 1.143rem;
 	--page-padding: 1.5rem;
 	--max-width: 760px;
-	--icon-size: 1.428rem;
+	--icon-size: 24px;
 
 	--thumbnail-width: 200px;
 }
@@ -219,7 +219,7 @@ h1 a {
 		background-repeat: no-repeat;
 		background-position: right center;
 		background-color: white;
-		padding: 4px 1.6rem;
+		padding: 4px 1.8rem;
 		-webkit-appearance: none;
 		-moz-appearance: none;
 		appearance: none;
@@ -390,6 +390,7 @@ iframe {
 		--line-height: 38px;
 		--header-height: 72px;
 		--max-width: 1280px;
+		--icon-size: 34px;
 	}
 }
 
@@ -423,6 +424,10 @@ iframe {
 
 @media all and ( max-width: 640px ) {
 
+	:root {
+		--header-height: 56px;
+	}
+
 	#projects {
 		grid-template-columns: repeat(2, 1fr);
 	}