소스 검색

Add mobile input shadows

Denis K 8 년 전
부모
커밋
b741950c99
2개의 변경된 파일8개의 추가작업 그리고 0개의 파일을 삭제
  1. 4 0
      jet/static/jet/css/_forms.scss
  2. 4 0
      jet/static/jet/css/select2/_layout.scss

+ 4 - 0
jet/static/jet/css/_forms.scss

@@ -76,6 +76,10 @@ input[type="text"], input[type="email"], input[type="password"], input[type="url
     box-shadow: 0 0 4px 0 $input-shadow-color;
     border-color: $input-background-color;
   }
+
+  @include for-mobile {
+    box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04)
+  }
 }
 
 textarea {

+ 4 - 0
jet/static/jet/css/select2/_layout.scss

@@ -14,6 +14,10 @@ $input-height: 32px;
     outline: 0;
     height: $input-height;
 
+    @include for-mobile {
+      box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04);
+    }
+
     .select2-selection__rendered {
       color: $input-text-color;
       line-height: $input-height;