| OLD | NEW |
|---|
| 1 /** | 1 /** |
| 2 * Body styles. This makes the toolstrip layout fit in with the Windows | 2 * The following style rules affect toolstrips and moles and are affected by |
| 3 * bookmarkbar. Note that the background is provided separately, by | 3 * theme changes. |
| 4 * RenderWidget. | |
| 5 */ | 4 */ |
| 5 |
| 6 body { | 6 body { |
| 7 display:-webkit-box; | |
| 8 -webkit-box-orient:horizontal; | |
| 9 -webkit-box-align:center; | |
| 10 white-space:nowrap; | |
| 11 overflow: hidden; | |
| 12 margin: 0; | |
| 13 padding:0; | |
| 14 font: menu; | |
| 15 color: $TEXT_COLOR$; | 7 color: $TEXT_COLOR$; |
| 16 -webkit-user-select:none; | |
| 17 cursor:default; | |
| 18 } | 8 } |
| 19 | |
| 20 /** | |
| 21 * This, combined with -webkit-box-align:center on body, makes content inside | |
| 22 * the body tag center itself vertically by default. | |
| 23 */ | |
| 24 body>* { | |
| 25 display:-webkit-box; | |
| 26 } | |
| 27 | |
| 28 /** | |
| 29 * Set display property of <script> and <style> as none explicitly to avoid | |
| 30 * inheriting from <body>. | |
| 31 */ | |
| 32 body>script, | |
| 33 body>style { | |
| 34 display:none; | |
| 35 } | |
| 36 | |
| 37 /** | |
| 38 * Toolstrip Buttons. The following styles make | |
| 39 * <div class="toolstrip-button"><img><span>Woot</span></div> look like the | |
| 40 * bookmarkbar buttons on Windows. | |
| 41 * | |
| 42 * TODO(aa): We may have to come up with a way to modify these slightly on | |
| 43 * different platforms. | |
| 44 * | |
| 45 * TODO(aa): It would be nice if we could use actual <button> tags work here, | |
| 46 * which should work once https://bugs.webkit.org/show_bug.cgi?id=25406 is | |
| 47 * fixed. | |
| 48 */ | |
| 49 div.toolstrip-button { | |
| 50 -webkit-box-orient:horizontal; | |
| 51 -webkit-box-align:center; | |
| 52 border:6px solid transparent; | |
| 53 font:menu; | |
| 54 background:transparent; | |
| 55 color: $TEXT_COLOR$; | |
| 56 line-height:100%; | |
| 57 padding:0; | |
| 58 } | |
| 59 | |
| 60 div.toolstrip-button>img { | |
| 61 display:-webkit-box; | |
| 62 width:16px; | |
| 63 height:16px; | |
| 64 /** | |
| 65 * We inset the image slightly vertically, so that the button can be shorter | |
| 66 * than would otherwise be possibe with our fat borders. | |
| 67 */ | |
| 68 margin:-1px 5px -1px 0; | |
| 69 } | |
| 70 | |
| 71 div.toolstrip-button>span { | |
| 72 display:-webkit-box; | |
| 73 margin-right:1px; | |
| 74 /** | |
| 75 * Hack: WebKit appears to measure text height slightly differently than we do | |
| 76 * in native code, making us not line up when centering, so we shift ourselves | |
| 77 * up one pixel to match. | |
| 78 */ | |
| 79 margin-top:-1px; | |
| 80 } | |
| 81 | |
| 82 /** | |
| 83 * TODO(aa): It would be nice if these border images could be stored in Chrome | |
| 84 * as, normal images even if those images are just translated into data URLs at | |
| 85 * runtime. | |
| 86 */ | |
| 87 div.toolstrip-button:hover { | |
| 88 border-width:6px; | |
| 89 -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA
aCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNpi/P/
/PwMjIyMfAwODEhsbmworKxvD79+/GED0jx/fGf7+/csABT+A+B4Q3wLq+cME0sTMzOzW1dOncuX6bYZ
nL98wvH73CUy/+/iV4eOXH2B86+5DjoLCYi2gxgCwHiBDs7O7Vyg9I4uBh4eHARcAyTk6OTMICQkx7N6
1U5kJKCZqY2PLQCyAqv3ICCSCgE5jAvqPKI2/fv1iEBXiYwDZSLQmEACpBYYJWCNZgCyNoChi4uTkpJ+
N9NdIdqhycHCSpxGUCcj3IygJkQpAWY6k5AbPmMB8yvT9+3f6BQ7YRrKTHMijZCVyUJyQGrLglAPSffv
WTaI13bhxHWIj0LbLq1auIFoj1JKnoFLu44kTxzVAhY+goCCDmJg4TpuWL1vKkJOV8RTIvcsILZA5QAU
y0O1aoDgC+RuWQkDg69cvIOoTEL8AFcpAPV8AAgwAn6qHYvNUlBEAAAAASUVORK5CYII=) 6 round r
ound; | |
| 90 } | |
| 91 | |
| 92 div.toolstrip-button:active { | |
| 93 border-width:6px; | |
| 94 -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA
aCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbhJREFUeNqcVDt
PwmAU/R6tCUZsIw5AKODoYNREBNREiAb9t+qoRmDxBYOYOGGiVAexaGzDUJK2X70fFURjUtuztfeennM
fvdh1XTTCer5AKKUEY8zgkULMvrw4/06YAObE3Hoep1KppWx2YVqSZQTkcbLjOJgxhnX9Az0+PLx3uy/
tZqOBBB5MJpNLO7sVobK3/yZJEotEIj9UTNPEmvZK67Va9PTkeHllZfWW8EBKUaa2S6V+PB53fpM4+Lt
MJmuXyuW+klbEVusGDYmxuZggSTJDPuA5PDdfKHpE6AiSZX8iz+G5hBBMUEB8NQ4LEw//BoyIkY3NLRq
ExMdT3Nj0xhEUoIgIColQzQGrOJQi7DINa5WFrxH+DhaGR8I0aGgVZuKEVQwMKM8JvHJjST4TSgU3qCi
Be+IMBibRdd3XNj8hlmXxSRBi27bb62msp2m+lg3DIIau2yDGSLNxzZ5UVa/Xq7P37bbIv/qXkqp2hOr
ZafT5+Qk1rq+887iWy6FEIrmYzmRmYrF5QRRF5i20VzuUQuE82mqnYx4dHtyN7+oI/L4KAGiYM1pmHgd
n1tXlxQ8XnwIMABNlyWs2CMVlAAAAAElFTkSuQmCC) 6 round round; | |
| 95 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 208020:
Change the view mode when switching between moles and toolstrips, and (Closed)
