Skip to content

Commit

Permalink
Fix scrunched header in Safari 6.0.5
Browse files Browse the repository at this point in the history
For some reason, adding generated css content a :before
to a <table> element caused the header to be squished into
nothingness. Only in Safari.

This commit moves the 'lifted corners' effect from the
.date-picker table to the .date-picker itself, which solves
the Safari problem without seeming to cause any other problems.

This should fix #22
  • Loading branch information
tjgrathwell committed Sep 30, 2013
1 parent eea3fb5 commit 244c625
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
16 changes: 8 additions & 8 deletions css/datepicker.css
Expand Up @@ -478,13 +478,13 @@
Create a "Lifted Corners" effect on the table. Ripped straight from @necolas
http://nicolasgallagher.com/css-drop-shadows-without-images/
*/
.date-picker table:before,
.date-picker table:after
.date-picker:before,
.date-picker:after
{
content:"";
position:absolute;
z-index:-2;
bottom:15px;
bottom:17px;
left:10px;
width:50%;
height:20%;
Expand All @@ -499,7 +499,7 @@
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.date-picker table:after
.date-picker:after
{
right:10px;
left:auto;
Expand All @@ -509,8 +509,8 @@
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.oldie .date-picker table:before,
.oldie .date-picker table:after
.oldie .date-picker:before,
.oldie .date-picker:after
{
display:none;
}
Expand Down Expand Up @@ -804,8 +804,8 @@
{
box-shadow:0 0 0 transparent;
}
.static-datepicker table:before,
.static-datepicker table:after
.static-datepicker:before,
.static-datepicker:after
{
display:none;
}
Expand Down

0 comments on commit 244c625

Please sign in to comment.