Sitic has submitted this change and it was merged.

Change subject: Add checkboxes to multiple select lists
......................................................................


Add checkboxes to multiple select lists

Bug: T100157
Change-Id: I246a560fcba2002071b4b3b422e1845cb11fc011
---
M frontend/src/app/index.css
1 file changed, 42 insertions(+), 0 deletions(-)

Approvals:
  Sitic: Verified; Looks good to me, approved



diff --git a/frontend/src/app/index.css b/frontend/src/app/index.css
index 586a456..868a0b4 100644
--- a/frontend/src/app/index.css
+++ b/frontend/src/app/index.css
@@ -49,6 +49,48 @@
   border-left-color: rgba(0, 0, 0, 0.12);
 }
 
+/** Add checkbox to multiple select, adapted from 
https://github.com/angular/material/issues/3244 **/
+md-select-menu[multiple] md-option {
+  padding-right: 48px;
+}
+
+md-select-menu[multiple] md-option:before {
+  transition: 240ms;
+  position: absolute;
+  top: 13px;
+  right: 16px;
+  width: 16px;
+  height: 16px;
+  border: 2px solid;
+  border-radius: 2px;
+  content: ' ';
+  border-color: rgba(0, 0, 0, 0.54);
+  z-index: 1;
+}
+
+md-select-menu[multiple] md-option[selected]:before {
+  background-color: rgb(63,81,181);
+  border-color: rgb(63,81,181);
+}
+
+md-select-menu[multiple] md-option[selected]:after {
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: 15px;
+  right: 23px;
+  display: table;
+  width: 4px;
+  height: 12px;
+  border: 2px solid;
+  border-top: 0;
+  border-left: 0;
+  content: ' ';
+  z-index: 2;
+  border-color: rgb(238,238,238);
+}
+
+/** Links **/
 a {
   color: #0645ad;
   text-decoration: none;

-- 
To view, visit https://gerrit.wikimedia.org/r/224207
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: I246a560fcba2002071b4b3b422e1845cb11fc011
Gerrit-PatchSet: 1
Gerrit-Project: labs/tools/crosswatch
Gerrit-Branch: master
Gerrit-Owner: Sitic <jan.leb...@online.de>
Gerrit-Reviewer: Sitic <jan.leb...@online.de>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to