Fossil SCM
Add some higher-specificity CSS declarations to prevent dark-mode skins from overriding the relevant styles of the Copy Button layout, so users don't need to sync their skin customizations with the changes on this branch.
Commit
b7f2c9f329971d045495df744c625f9347d925111f25fd48ea3a367f44ba868d
Parent
32c3a210c80b33b…
1 file changed
+9
-2
+9
-2
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -1136,24 +1136,31 @@ | ||
| 1136 | 1136 | white-space: nowrap; |
| 1137 | 1137 | } |
| 1138 | 1138 | label[for] { |
| 1139 | 1139 | cursor: pointer; |
| 1140 | 1140 | } |
| 1141 | -button.copy-button { | |
| 1141 | +button.copy-button, | |
| 1142 | +button.copy-button:hover, | |
| 1143 | +button.copy-button:focus, | |
| 1144 | +button.copy-button:active { | |
| 1142 | 1145 | width: 14px; |
| 1143 | 1146 | height: 14px; |
| 1144 | 1147 | /*Note: .24em is slightly smaller than the average width of a normal space.*/ |
| 1145 | 1148 | margin: -2px .24em 0 0; |
| 1146 | 1149 | padding: 0; |
| 1147 | 1150 | border: 0; |
| 1151 | + outline: 0; | |
| 1148 | 1152 | background: none; |
| 1149 | 1153 | font-size: inherit; /* Required for horizontal spacing. */ |
| 1150 | 1154 | vertical-align: middle; |
| 1151 | 1155 | user-select: none; |
| 1152 | 1156 | cursor: pointer; |
| 1153 | 1157 | } |
| 1154 | -button.copy-button-flipped { | |
| 1158 | +button.copy-button-flipped, | |
| 1159 | +button.copy-button-flipped:hover, | |
| 1160 | +button.copy-button-flipped:focus, | |
| 1161 | +button.copy-button-flipped:active { | |
| 1155 | 1162 | /*Note: .16em is suitable for element grouping.*/ |
| 1156 | 1163 | margin: -2px 0 0 .16em; |
| 1157 | 1164 | } |
| 1158 | 1165 | button.copy-button span { |
| 1159 | 1166 | display: block; |
| 1160 | 1167 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1136,24 +1136,31 @@ | |
| 1136 | white-space: nowrap; |
| 1137 | } |
| 1138 | label[for] { |
| 1139 | cursor: pointer; |
| 1140 | } |
| 1141 | button.copy-button { |
| 1142 | width: 14px; |
| 1143 | height: 14px; |
| 1144 | /*Note: .24em is slightly smaller than the average width of a normal space.*/ |
| 1145 | margin: -2px .24em 0 0; |
| 1146 | padding: 0; |
| 1147 | border: 0; |
| 1148 | background: none; |
| 1149 | font-size: inherit; /* Required for horizontal spacing. */ |
| 1150 | vertical-align: middle; |
| 1151 | user-select: none; |
| 1152 | cursor: pointer; |
| 1153 | } |
| 1154 | button.copy-button-flipped { |
| 1155 | /*Note: .16em is suitable for element grouping.*/ |
| 1156 | margin: -2px 0 0 .16em; |
| 1157 | } |
| 1158 | button.copy-button span { |
| 1159 | display: block; |
| 1160 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1136,24 +1136,31 @@ | |
| 1136 | white-space: nowrap; |
| 1137 | } |
| 1138 | label[for] { |
| 1139 | cursor: pointer; |
| 1140 | } |
| 1141 | button.copy-button, |
| 1142 | button.copy-button:hover, |
| 1143 | button.copy-button:focus, |
| 1144 | button.copy-button:active { |
| 1145 | width: 14px; |
| 1146 | height: 14px; |
| 1147 | /*Note: .24em is slightly smaller than the average width of a normal space.*/ |
| 1148 | margin: -2px .24em 0 0; |
| 1149 | padding: 0; |
| 1150 | border: 0; |
| 1151 | outline: 0; |
| 1152 | background: none; |
| 1153 | font-size: inherit; /* Required for horizontal spacing. */ |
| 1154 | vertical-align: middle; |
| 1155 | user-select: none; |
| 1156 | cursor: pointer; |
| 1157 | } |
| 1158 | button.copy-button-flipped, |
| 1159 | button.copy-button-flipped:hover, |
| 1160 | button.copy-button-flipped:focus, |
| 1161 | button.copy-button-flipped:active { |
| 1162 | /*Note: .16em is suitable for element grouping.*/ |
| 1163 | margin: -2px 0 0 .16em; |
| 1164 | } |
| 1165 | button.copy-button span { |
| 1166 | display: block; |
| 1167 |