| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * 1. Redistributions of source code must retain the above copyright | 8 * 1. Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * | 10 * |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 101 position: absolute; | 101 position: absolute; |
| 102 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 102 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 103 -webkit-mask-size: 352px 144px; | 103 -webkit-mask-size: 352px 144px; |
| 104 height: 16px; | 104 height: 16px; |
| 105 width: 16px; | 105 width: 16px; |
| 106 border: none; | 106 border: none; |
| 107 z-index: 20; | 107 z-index: 20; |
| 108 background-color: rgba(0, 0, 0, 0.6); | 108 background-color: rgba(0, 0, 0, 0.6); |
| 109 } | 109 } |
| 110 | 110 |
| 111 .shadow-split-widget button.sidebar-show-hide-button:hover { |
| 112 background-color: black; |
| 113 } |
| 114 |
| 111 .shadow-split-widget button.sidebar-show-hide-button:disabled { | 115 .shadow-split-widget button.sidebar-show-hide-button:disabled { |
| 112 background-color: rgba(0, 0, 0, 0.35); | 116 background-color: rgba(0, 0, 0, 0.35); |
| 113 } | 117 } |
| 114 | 118 |
| 115 @media (-webkit-min-device-pixel-ratio: 1.5) { | 119 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 116 .shadow-split-widget button.sidebar-show-hide-button { | 120 .shadow-split-widget button.sidebar-show-hide-button { |
| 117 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 121 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 118 } | 122 } |
| 119 } /* media */ | 123 } /* media */ |
| 120 | 124 |
| 121 .shadow-split-widget button.left-sidebar-show-hide-button, | 125 .shadow-split-widget button.left-sidebar-show-hide-button, |
| 122 .shadow-split-widget button.top-sidebar-show-hide-button { | 126 .shadow-split-widget button.top-sidebar-show-hide-button { |
| 123 top: 3px; | 127 top: 5px; |
| 124 left: 4px; | 128 left: 5px; |
| 125 } | 129 } |
| 126 | 130 |
| 127 :host-context(.material) .shadow-split-widget button.left-sidebar-show-hide-butt
on, | 131 :host-context(.material) .shadow-split-widget button.left-sidebar-show-hide-butt
on, |
| 128 :host-context(.material) .shadow-split-widget button.top-sidebar-show-hide-butto
n { | 132 :host-context(.material) .shadow-split-widget button.top-sidebar-show-hide-butto
n { |
| 129 top: 5px; | 133 top: 5px; |
| 130 } | 134 } |
| 131 | 135 |
| 132 .shadow-split-widget button.left-sidebar-show-hide-button:active, | 136 .shadow-split-widget button.left-sidebar-show-hide-button:active, |
| 133 .shadow-split-widget button.top-sidebar-show-hide-button:active { | 137 .shadow-split-widget button.top-sidebar-show-hide-button:active { |
| 134 top: 4px; | 138 top: 4px; |
| 135 left: 3px; | 139 left: 3px; |
| 136 } | 140 } |
| 137 | 141 |
| 138 .shadow-split-widget button.right-sidebar-show-hide-button { | 142 .shadow-split-widget button.right-sidebar-show-hide-button { |
| 139 top: 3px; | 143 top: 5px; |
| 140 right:2px; | 144 right:4px; |
| 141 } | 145 } |
| 142 | 146 |
| 143 :host-context(.material) .shadow-split-widget button.right-sidebar-show-hide-but
ton { | 147 :host-context(.material) .shadow-split-widget button.right-sidebar-show-hide-but
ton { |
| 144 top: 5px; | 148 top: 5px; |
| 145 right: 5px; | 149 right: 5px; |
| 146 } | 150 } |
| 147 | 151 |
| 148 .shadow-split-widget button.right-sidebar-show-hide-button:active { | 152 .shadow-split-widget button.right-sidebar-show-hide-button:active { |
| 149 top: 4px; | 153 top: 4px; |
| 150 right: 1px; | 154 right: 1px; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 193 | 197 |
| 194 .shadow-split-widget button.bottom-sidebar-show-hide-button.toggled-show { | 198 .shadow-split-widget button.bottom-sidebar-show-hide-button.toggled-show { |
| 195 -webkit-mask-position: -296px -76px; /* <| */ | 199 -webkit-mask-position: -296px -76px; /* <| */ |
| 196 transform: rotate(90deg); | 200 transform: rotate(90deg); |
| 197 } | 201 } |
| 198 | 202 |
| 199 .shadow-split-widget button.bottom-sidebar-show-hide-button.toggled-hide { | 203 .shadow-split-widget button.bottom-sidebar-show-hide-button.toggled-hide { |
| 200 -webkit-mask-position: -264px -76px; /* >| */ | 204 -webkit-mask-position: -264px -76px; /* >| */ |
| 201 transform: rotate(90deg); | 205 transform: rotate(90deg); |
| 202 } | 206 } |
| OLD | NEW |