Jelajahi Sumber

Add a border to all form fields instead of a dotted undreline

Markus Ochel 12 tahun lalu
induk
melakukan
a5afa96af5

+ 3 - 4
admin/static/css/common.styl

@@ -116,10 +116,10 @@ select
   font-size: 1em
   font-weight: $normalFont
   word-spacing: 0.2em
-  padding: 5px 0
+  padding: 5px 0 5px 7px
   margin: 0
   border: 0
-  border-bottom: 2px dotted $faintGrey
+  border: 1px solid $faintGrey
   border-radius(0)
 
 textarea
@@ -127,8 +127,7 @@ textarea
   min-width: 50%
   height: 120px
   min-height: 60px
-  border-left: 2px dotted $faintGrey
-  padding-left: 5px
+  padding: 5px 7px
 
 button, .button
   display: inline-block

+ 11 - 7
admin/static/css/theme.styl

@@ -508,9 +508,9 @@ span.label
 
         .site-selected
           position: absolute
-          top: 42px
-          right: 0
-          padding-left: 10px
+          top: 22px
+          right: 10px
+          padding: 0 3px
           background: #fff
         
         .inline
@@ -678,10 +678,10 @@ span.label
 
 ul.ui-multi-select
   list-style-type: none
-  padding: 2px
+  padding: 10px
   margin: 0
-  max-height: 150px
-  border-bottom: 2px dotted $faintGrey
+  max-height: 170px
+  border: 1px solid $faintGrey
   overflow-y: auto
   overflow-x: hidden
   -webkit-user-select: none
@@ -721,9 +721,13 @@ ul.ui-multi-select
     border-color: #d3d3d3
 
     > li
-      width: 95%
+      width: 100%
+      margin-right: 0
       border: 1px solid darken($faintGrey, 10%)
 
+      &:last-child
+        margin-bottom: 0
+
       html.no-touch &:hover
       html.touch &:active
         background: lighten($faintGrey, 10%)

+ 2 - 4
admin/templates/redirect-form.html

@@ -13,10 +13,8 @@
         {{#each sites}}
         <option value="{{id}}">{{id}}</option>
         {{/each}}
-      </select>
-      <div class="site-selected" style="top: 15px;"></div>
-      /
-      <input type="text" name="slug" value="{{slug}}" placeholder="some/path" style="font-weight: bold; width: 50%; min-width: 150px; display: inline-block;">
+      </select>/<input type="text" name="slug" value="{{slug}}" placeholder="some/path" style="font-weight: bold; width: 50%; min-width: 150px; display: inline-block;">
+      <div class="site-selected"></div>
       <div class="note">
         No leading or trailing slashes. Slug is always from the root path.
       </div>