skins/chameleon

Thomas Brüderli bruederli at kolabsys.com
Mon Jan 12 17:32:07 CET 2015


 dev/null                    |binary
 skins/chameleon/styles.less |   42 +++++++++++++++++++++++++++++++++---------
 2 files changed, 33 insertions(+), 9 deletions(-)

New commits:
commit ce2cc33ade352a3001bf6fa95f074fec451c0cee
Author: Thomas Bruederli <bruederli at kolabsys.com>
Date:   Mon Jan 12 17:31:58 2015 +0100

    Replace icons in ACL table (#4176)

diff --git a/skins/chameleon/images/enabled.png b/skins/chameleon/images/enabled.png
deleted file mode 100644
index 43ee258..0000000
Binary files a/skins/chameleon/images/enabled.png and /dev/null differ
diff --git a/skins/chameleon/images/partial.png b/skins/chameleon/images/partial.png
deleted file mode 100644
index 3ca45e5..0000000
Binary files a/skins/chameleon/images/partial.png and /dev/null differ
diff --git a/skins/chameleon/styles.less b/skins/chameleon/styles.less
index df7e6e7..4993282 100644
--- a/skins/chameleon/styles.less
+++ b/skins/chameleon/styles.less
@@ -2997,18 +2997,42 @@ div.subscriptionblock h3.note {
 	color: @text-color;
 }
 
+#acltable tbody tr td.enabled,
+#acltable tbody tr td.partial,
+#acltable tbody tr.selected td.enabled,
 #acltable tbody tr.selected td.partial {
-	background: @main-color !important;
-	background-image: url(images/partial.png);
-	background-position: center;
-	background-repeat: no-repeat;
+	position: relative;
+	background: none;
 }
 
-#acltable tbody tr.selected td.enabled {
-	background: @main-color !important;
-	background-image: url(images/enabled.png);
-	background-position: center;
-	background-repeat: no-repeat;
+#acltable tbody tr td.enabled:after,
+#acltable tbody tr td.partial:after {
+	content: '';
+	position: absolute;
+	top: 7px;
+	left: 50%;
+	width: 10px;
+	height: 5px;
+	margin-left: -4px;
+	border: 3px solid @main-color;
+	border-top: none;
+	border-right: none;
+	background: transparent;
+	-webkit-transform: rotate(-45deg);
+	-moz-transform: rotate(-45deg);
+	-o-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
+}
+
+#acltable tbody tr td.partial:after {
+	border-left-color: #ccc;
+	border-bottom-color: #ccc;
+}
+
+#acltable tbody tr.selected td.enabled:after {
+	border-left-color: @hightlight-text;
+	border-bottom-color: @hightlight-text;
 }
 
 




More information about the commits mailing list