Fixed size of search bar and length of progress animation

pastelsky · Sep 9, 2017 · 97590de · 97590de
1 parent 3298019
commit 97590de
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/client/components/AutocompleteInput/AutocompleteInput.scss b/client/components/AutocompleteInput/AutocompleteInput.scss
@@ -154,8 +154,8 @@
  overflow: visible;
 
  @media screen and (max-width: 40em) {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
  }
 
  path {

diff --git a/client/components/ProgressSquare/ProgressSquare.js b/client/components/ProgressSquare/ProgressSquare.js
@@ -46,7 +46,7 @@ export default class ProgressSquare extends Component {
  resolving: 3 + Math.random() * 2,
  building: 5 + Math.random() * 3,
  minifying: 3 + Math.random() * 2,
- calculating: 0,
+ calculating: 20,
  }
 
  const order = [

diff --git a/pages/result/ResultPage.scss b/pages/result/ResultPage.scss
@@ -56,12 +56,24 @@
  align-items: center;
  justify-content: center;
 
-
  @media screen and (max-width: 40em) {
  padding: 0 $global-spacing * 2;
  }
 }
 
+.result-header__search-input {
+ width: 45vw;
+ max-width: 580px;
+
+ @media screen and (max-width: 48em) {
+ width: 70vw;
+ }
+
+ @media screen and (max-width: 40em) {
+ width: 85vw;
+ }
+}
+
 .flash-message {
  @include font-size-sm;
  padding: $global-spacing / 3 $global-spacing * 2;