Simplification for table header generated-content arrow #9

diff --git a/bootstrap-1.0.0.css b/bootstrap-1.0.0.css
index a1368c812875fea357c49e03f7de51556026a33d..9319c2c99dd395e9b7f232eb155ee8d953947737 100644 (file)
--- a/bootstrap-1.0.0.css
+++ b/bootstrap-1.0.0.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Fri Aug 19 19:37:58 PDT 2011
+ * Date: Fri Aug 19 19:51:25 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here      that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -1004,25 +1004,13 @@ table.zebra-striped th.header {
   cursor: pointer;
 }
 table.zebra-striped th.header:after {
-  width: 0px;
-  height: 0px;
-  display: inline-block;
+  content: "";
   float: right;
   margin-top: 7px;
-  content: "↓";
-  text-indent: -99999px;
-  vertical-align: top;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-  border-bottom: 4px solid #000;
+  border-width: 0 4px 4px;
+  border-style: solid;
+  border-color: #000 transparent;
   visibility: hidden;
-  -webkit-box-shadow: 0 1px 0 #ffffff;
-  -moz-box-shadow: 0 1px 0 #ffffff;
-  box-shadow: 0 1px 0 #ffffff;
-  filter: alpha(opacity=30);
-  -khtml-opacity: 0.3;
-  -moz-opacity: 0.3;
-  opacity: 0.3;
 }
 table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortDown {
   background-color: rgba(141, 192, 219, 0.25);

diff --git a/bootstrap-1.0.0.min.css b/bootstrap-1.0.0.min.css
index 3169d20a06a36d5d86e46a3075c8bb9cb9bf5e37..f450b7cba4957339c3232a47a9cdd287dfe3209c 100644 (file)
--- a/bootstrap-1.0.0.min.css
+++ b/bootstrap-1.0.0.min.css
@@ -131,7 +131,7 @@ table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:se
 table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
 table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
 table.zebra-striped tbody tr:hover td{background-color:#f5f5f5;}
-table.zebra-striped th.header{cursor:pointer;}table.zebra-striped th.header:after{width:0px;height:0px;display:inline-block;float:right;margin-top:7px;content:"↓";text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000;visibility:hidden;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;filter:alpha(opacity=30);-khtml-opacity:0.3;-moz-opacity:0.3;opacity:0.3;}
+table.zebra-striped th.header{cursor:pointer;}table.zebra-striped th.header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
 table.zebra-striped th.headerSortUp,table.zebra-striped th.headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
 table.zebra-striped th.header:hover:after{visibility:visible;}
 table.zebra-striped th.actions:hover{background-image:none;}

diff --git a/lib/tables.less b/lib/tables.less
index 02d110eb0371c83b6ce8aeb2ff785e789ade50b6..4c65141a3e656e5a62c0ebfe9c55b62956912b4c 100644 (file)
--- a/lib/tables.less
+++ b/lib/tables.less
@@ -46,20 +46,13 @@ table.zebra-striped {
   th.header {
     cursor: pointer;
     &:after {
-      width: 0px;
-      height: 0px;
-      display: inline-block;
+      content: "";
       float: right;
-      margin-top:7px;
-      content: "↓";
-      text-indent: -99999px;
-      vertical-align: top;
-      border-left: 4px solid transparent;
-      border-right: 4px solid transparent;
-      border-bottom: 4px solid #000;
-      visibility:hidden;
-      .box-shadow(0 1px 0 #fff);
-      .opacity(30);
+      margin-top: 7px;
+      border-width: 0 4px 4px;
+      border-style: solid;
+      border-color: #000 transparent;
+      visibility: hidden;
     }
   }