ソースを参照

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;