| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 50 } | 50 } |
| 51 | 51 |
| 52 .expandable-view-title .toolbar { | 52 .expandable-view-title .toolbar { |
| 53 margin-top: -3px; | 53 margin-top: -3px; |
| 54 } | 54 } |
| 55 | 55 |
| 56 .expandable-view-title:not(.expanded) .toolbar { | 56 .expandable-view-title:not(.expanded) .toolbar { |
| 57 display: none; | 57 display: none; |
| 58 } | 58 } |
| 59 | 59 |
| 60 .expandable-view-title::before { | 60 .title-expand-icon { |
| 61 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | |
| 62 -webkit-mask-size: 352px 168px; | |
| 63 background-color: #888; | |
| 64 float: left; | |
| 65 width: 11px; | |
| 66 height: 11px; | |
| 67 margin-right: 2px; | 61 margin-right: 2px; |
| 68 content: "a"; | |
| 69 color: transparent; | |
| 70 flex-shrink: 0; | |
| 71 } | |
| 72 | |
| 73 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
| 74 .expandable-view-title::before { | |
| 75 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | |
| 76 } | |
| 77 } /* media */ | |
| 78 | |
| 79 .expandable-view-title::before { | |
| 80 -webkit-mask-position: -4px -96px; | |
| 81 } | |
| 82 | |
| 83 .expandable-view-title.expanded::before { | |
| 84 -webkit-mask-position: -20px -96px; | |
| 85 } | 62 } |
| 86 | 63 |
| 87 .expandable-view-title > .toolbar { | 64 .expandable-view-title > .toolbar { |
| 88 position: absolute; | 65 position: absolute; |
| 89 right: 0; | 66 right: 0; |
| 90 top: 0; | 67 top: 0; |
| 91 } | 68 } |
| 92 | 69 |
| 93 .sidebar-pane-container .toolbar { | 70 .sidebar-pane-container .toolbar { |
| 94 border-bottom: 1px solid #eee; | 71 border-bottom: 1px solid #eee; |
| 95 } | 72 } |
| 96 | 73 |
| 97 .sidebar-pane-container .toolbar > * { | 74 .sidebar-pane-container .toolbar > * { |
| 98 pointer-events: auto; | 75 pointer-events: auto; |
| 99 } | 76 } |
| OLD | NEW |