jenkins-bot has submitted this change and it was merged.

Change subject: VisualDiffs: Improved styling for moves
......................................................................


VisualDiffs: Improved styling for moves

Use the 'changed' styling and CSS direction arrows.

Bug: T151405
Change-Id: Ifd33b01d24bc3141061320b90b91a5073f0c3297
---
M src/ui/styles/elements/ve.ui.DiffElement.css
1 file changed, 28 insertions(+), 7 deletions(-)

Approvals:
  Jforrester: Looks good to me, approved
  jenkins-bot: Verified



diff --git a/src/ui/styles/elements/ve.ui.DiffElement.css 
b/src/ui/styles/elements/ve.ui.DiffElement.css
index e8db7bc..a230e8f 100644
--- a/src/ui/styles/elements/ve.ui.DiffElement.css
+++ b/src/ui/styles/elements/ve.ui.DiffElement.css
@@ -26,20 +26,41 @@
        opacity: 0.4;
 }
 
+.ve-ui-diffElement-up,
+.ve-ui-diffElement-down,
 .ve-ui-diffElement-doc-child-change {
-       border-left: 5px solid #347bff;
-       padding-left: 5px;
+       border-left: 6px solid #347bff;
+       padding-left: 4px;
        margin-left: -10px;
 }
 
-.ve-ui-diffElement-up {
-       border-top: 1px solid;
+.ve-ui-diffElement-up,
+.ve-ui-diffElement-down {
+       position: relative;
        opacity: 1;
 }
 
-.ve-ui-diffElement-down {
-       border-bottom: 1px solid;
-       opacity: 1;
+.ve-ui-diffElement-up:before,
+.ve-ui-diffElement-down:before {
+       position: absolute;
+       left: -6px;
+       content: ' ';
+       width: 0;
+       height: 0;
+       border-left: 3px solid transparent;
+       border-right: 3px solid transparent;
+       background: #fff;
+       outline: 3px solid #fff;
+}
+
+.ve-ui-diffElement-down:before {
+       bottom: 0;
+       border-top: 6px solid #347bff;
+}
+
+.ve-ui-diffElement-up:before {
+       top: 0;
+       border-bottom: 6px solid #347bff;
 }
 
 .ve-ui-diffElement-insert:empty:before,

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

Gerrit-MessageType: merged
Gerrit-Change-Id: Ifd33b01d24bc3141061320b90b91a5073f0c3297
Gerrit-PatchSet: 1
Gerrit-Project: VisualEditor/VisualEditor
Gerrit-Branch: master
Gerrit-Owner: Esanders <esand...@wikimedia.org>
Gerrit-Reviewer: Jforrester <jforres...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>

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

Reply via email to