Bmansurov has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/171612

Change subject: WIP: Update reference drawer styling
......................................................................

WIP: Update reference drawer styling

Change-Id: I77bfc15ca3aa2c9b918b3061144bf98437b1eb3a
---
M less/modules/references.less
1 file changed, 50 insertions(+), 26 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend 
refs/changes/12/171612/1

diff --git a/less/modules/references.less b/less/modules/references.less
index 8d04fb2..2b7218a 100644
--- a/less/modules/references.less
+++ b/less/modules/references.less
@@ -35,43 +35,24 @@
                        font-size: 1em;
                }
 
+               a {
+                       background-image: none;
+                       color: #5880C0;
+               }
+
                .cite {
                        clear: both;
                        padding-bottom: 20px;
 
-                       .icon {
-                               margin: 0;
-                       }
-
                        .text {
-                               .background-image('../images/cite.svg');
-                               background-size: 24px 24px;
-                               background-repeat: no-repeat;
                                color: @colorGray8;
                                cursor: default;
-                               font-size: 0.75em;
+                               letter-spacing: .2em;
                                float: left;
-                               padding: 8px 0 0 24px;
                                text-transform: uppercase;
-                               &.mw-ui-icon:before {
-                                       margin-right: 0;
-                                       width: 0;
-                               }
                        }
                        .cancel {
-                               background-size: 12px 12px;
                                float: right;
-                               line-height: normal;
-                               height: 12px;
-                               width: 12px;
-                               &.mw-ui-icon {
-                                       min-width: 12px;
-                               }
-                               &.mw-ui-icon:before {
-                                       background-size: 12px 12px;
-                                       margin: 0;
-                                       min-height: 12px;
-                               }
                        }
                        &:after {
                                content: "";
@@ -85,7 +66,50 @@
                }
 
                .reference-text {
-                       line-height: 1.2;
+                       line-height: 1.4;
                }
        }
 }
+
+.alpha {
+       .drawer.references {
+               .cite {
+                       clear: both;
+                       padding-bottom: 20px;
+
+                       .text {
+                               .m-background-image-svg-quick('../images/cite');
+                               font-size: 12px;
+                               &:before {
+                                       margin-right: 10px;
+                                       width: 24px;
+                               }
+                       }
+                       .cancel {
+                               font-size: 9px;
+                               right: -1em;
+                       }
+               }
+       }
+}
+
+.beta {
+       .drawer.references {
+               .cite {
+                       .icon {
+                               margin: 0;
+                       }
+
+                       .text {
+                               .background-image-svg-quick('../images/cite');
+                               background-position: -5px 0;
+                               font-size: 12px;
+                               padding: 8px 0 0 29px;
+                       }
+                       .cancel {
+                               background-size: 12px 12px;
+                       }
+               }
+       }
+}
+

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: I77bfc15ca3aa2c9b918b3061144bf98437b1eb3a
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Bmansurov <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to