Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: skin/new-options.css

Issue 29334038: Issue 2802/2358 - Dynamically generate tooltips in options page (Closed)
Left Patch Set: Created Jan. 19, 2016, 6:24 p.m.
Right Patch Set: Rebased to 75534a4a1e0e and addressed comments Created May 31, 2016, 4:57 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Right: Side by side diff | Download
« no previous file with change/comment | « new-options.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
(no file at all)
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-2016 Eyeo GmbH 3 * Copyright (C) 2006-2016 Eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 353 matching lines...) Expand 10 before | Expand all | Expand 10 after
364 -moz-padding-start: 16px; 364 -moz-padding-start: 16px;
365 border-radius: 3px; 365 border-radius: 3px;
366 } 366 }
367 367
368 .table.list, 368 .table.list,
369 #custom-wrapper 369 #custom-wrapper
370 { 370 {
371 border-bottom: 1px solid #CDCDCD; 371 border-bottom: 1px solid #CDCDCD;
372 } 372 }
373 373
374 .table.list li .display 374 .table.list li .display,
375 .fill
375 { 376 {
376 flex: 1; 377 flex: 1;
377 line-height: 16px; 378 line-height: 16px;
378 overflow: hidden; 379 overflow: hidden;
379 text-overflow: ellipsis; 380 text-overflow: ellipsis;
380 white-space: nowrap; 381 white-space: nowrap;
381 } 382 }
382 383
383 .table:not(.list):not(.cols) li 384 .table:not(.list):not(.cols) li
384 { 385 {
(...skipping 558 matching lines...) Expand 10 before | Expand all | Expand 10 after
943 position: absolute; 944 position: absolute;
944 -webkit-transition: opacity 200ms ease-in-out 400ms, 945 -webkit-transition: opacity 200ms ease-in-out 400ms,
945 visibility 0ms linear 400ms; 946 visibility 0ms linear 400ms;
946 transition: opacity 200ms ease-in-out 400ms, 947 transition: opacity 200ms ease-in-out 400ms,
947 visibility 0ms linear 400ms; 948 visibility 0ms linear 400ms;
948 visibility: visible; 949 visibility: visible;
949 width: 400px; 950 width: 400px;
950 z-index: 1; 951 z-index: 1;
951 } 952 }
952 953
953 html[dir="ltr"] div[role="tooltip"].flip-vertical, 954 html[dir="ltr"] div[role="tooltip"].flip-horizontal,
954 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical) 955 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal)
955 { 956 {
956 left: inherit; 957 left: inherit;
957 right: -20px; 958 right: -20px;
958 } 959 }
959 960
960 .tooltip:not(:hover) > div[role="tooltip"], 961 .tooltip:not(:hover) > div[role="tooltip"],
961 div[role="tooltip"]:hover 962 div[role="tooltip"]:hover
962 { 963 {
963 visibility: hidden; 964 visibility: hidden;
964 opacity: 0; 965 opacity: 0;
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after
1061 .context-menu .source::before 1062 .context-menu .source::before
1062 { 1063 {
1063 background-position: -53px -34px; 1064 background-position: -53px -34px;
1064 } 1065 }
1065 1066
1066 .context-menu .delete::before 1067 .context-menu .delete::before
1067 { 1068 {
1068 background-position: -71px -34px; 1069 background-position: -71px -34px;
1069 } 1070 }
1070 1071
1071 html[dir="ltr"] div[role="tooltip"].flip-vertical::before, 1072 html[dir="ltr"] div[role="tooltip"].flip-horizontal::before,
1072 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical)::before 1073 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal)::before
1073 { 1074 {
1074 left: inherit; 1075 left: inherit;
1075 right: 30px; 1076 right: 30px;
1076 } 1077 }
1077 1078
1078 div[role="tooltip"] img 1079 div[role="tooltip"] img
1079 { 1080 {
1080 float: left; 1081 float: left;
1081 height: 64px; 1082 height: 64px;
1082 margin-top: -2px; 1083 margin-top: -2px;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
1325 #other-language .button-add::before 1326 #other-language .button-add::before
1326 { 1327 {
1327 display: none; 1328 display: none;
1328 } 1329 }
1329 1330
1330 #other-language .display 1331 #other-language .display
1331 { 1332 {
1332 -webkit-margin-start: 10px; 1333 -webkit-margin-start: 10px;
1333 -moz-margin-start: 10px; 1334 -moz-margin-start: 10px;
1334 } 1335 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld