From 968e99f45e2ac3e931ce976ff0b71395e2a52211 Mon Sep 17 00:00:00 2001 From: Arno Poot Date: Fri, 26 Jul 2013 16:44:00 +0200 Subject: [PATCH] Updated field class to use doubleborder mixin --- admin/css/screen.css | 2 +- admin/scss/_forms.scss | 5 +---- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/admin/css/screen.css b/admin/css/screen.css index 3d62db2fb..36acef0eb 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -149,7 +149,7 @@ form.nostyle label.left { float: none; display: inherit; width: auto; padding: 0 form.nostyle .middleColumn { margin-left: 0; } form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyle .TreeDropdownField { width: auto; max-width: auto; } -.field { display: block; border-bottom: 1px solid #d0d3d5; -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); -moz-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); padding: 0 0 7px 0; margin: 8px 0; *zoom: 1; } +.field { display: block; border-bottom: 1px solid #d0d3d5; -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); -moz-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); -o-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); padding: 0 0 7px 0; margin: 8px 0; *zoom: 1; } .field.noborder, .field:last-child { padding-bottom: 0; border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .field.nolabel .middleColumn { margin-left: 0; } diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index 292b7311e..95487c318 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -16,10 +16,7 @@ form.nostyle { .field { display: block; - border-bottom: 1px solid $color-light-separator; - @include box-shadow(0 1px 0 $box-shadow-shine-minimal); - - //TODO: use single border line with shadow instead:: http://daverupert.com/2011/06/two-tone-borders-with-css3/ + @include doubleborder(bottom, $color-light-separator, $box-shadow-shine-minimal); //overflow: hidden; // bottom padding accounts for the border and we have a negative