Rollup merge of #85407 - GuillaumeGomez:copy-path-display-improvement, r=jsha
Improve display for "copy-path" button, making it more discreet As suggested by `@Nemo157` [here](https://github.com/rust-lang/rust/pull/85118#issuecomment-838887670):       r? `@jsha`
This commit is contained in:
commit
6e05a71bf7
4 changed files with 39 additions and 13 deletions
|
|
@ -1268,12 +1268,11 @@ h4 > .notable-traits {
|
|||
}
|
||||
|
||||
#copy-path {
|
||||
background: initial;
|
||||
margin-left: 10px;
|
||||
padding: 0;
|
||||
padding-left: 2px;
|
||||
}
|
||||
#copy-path> img {
|
||||
margin-bottom: 2px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#theme-choices {
|
||||
|
|
|
|||
|
|
@ -516,20 +516,29 @@ kbd {
|
|||
box-shadow-color: #c6cbd1;
|
||||
}
|
||||
|
||||
#theme-picker, #settings-menu, #help-button, #copy-path {
|
||||
#theme-picker, #settings-menu, #help-button {
|
||||
border-color: #5c6773;
|
||||
background-color: #0f1419;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#theme-picker > img, #settings-menu > img, #copy-path > img {
|
||||
#theme-picker > img, #settings-menu > img {
|
||||
filter: invert(100);
|
||||
}
|
||||
|
||||
#copy-path {
|
||||
color: #fff;
|
||||
}
|
||||
#copy-path > img {
|
||||
filter: invert(70%);
|
||||
}
|
||||
#copy-path:hover > img {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
#theme-picker:hover, #theme-picker:focus,
|
||||
#settings-menu:hover, #settings-menu:focus,
|
||||
#help-button:hover, #help-button:focus,
|
||||
#copy-path:hover, #copy-path:focus {
|
||||
#help-button:hover, #help-button:focus {
|
||||
border-color: #e0e0e0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -396,7 +396,7 @@ kbd {
|
|||
box-shadow-color: #c6cbd1;
|
||||
}
|
||||
|
||||
#theme-picker, #settings-menu, #help-button, #copy-path {
|
||||
#theme-picker, #settings-menu, #help-button {
|
||||
border-color: #e0e0e0;
|
||||
background: #f0f0f0;
|
||||
color: #000;
|
||||
|
|
@ -404,11 +404,20 @@ kbd {
|
|||
|
||||
#theme-picker:hover, #theme-picker:focus,
|
||||
#settings-menu:hover, #settings-menu:focus,
|
||||
#help-button:hover, #help-button:focus,
|
||||
#copy-path:hover, #copy-path:focus {
|
||||
#help-button:hover, #help-button:focus {
|
||||
border-color: #ffb900;
|
||||
}
|
||||
|
||||
#copy-path {
|
||||
color: #999;
|
||||
}
|
||||
#copy-path > img {
|
||||
filter: invert(50%);
|
||||
}
|
||||
#copy-path:hover > img {
|
||||
filter: invert(65%);
|
||||
}
|
||||
|
||||
#theme-choices {
|
||||
border-color: #e0e0e0;
|
||||
background-color: #353535;
|
||||
|
|
|
|||
|
|
@ -388,18 +388,27 @@ kbd {
|
|||
box-shadow-color: #c6cbd1;
|
||||
}
|
||||
|
||||
#theme-picker, #settings-menu, #help-button, #copy-path {
|
||||
#theme-picker, #settings-menu, #help-button {
|
||||
border-color: #e0e0e0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#theme-picker:hover, #theme-picker:focus,
|
||||
#settings-menu:hover, #settings-menu:focus,
|
||||
#help-button:hover, #help-button:focus,
|
||||
#copy-path:hover, #copy-path:focus {
|
||||
#help-button:hover, #help-button:focus {
|
||||
border-color: #717171;
|
||||
}
|
||||
|
||||
#copy-path {
|
||||
color: #999;
|
||||
}
|
||||
#copy-path > img {
|
||||
filter: invert(50%);
|
||||
}
|
||||
#copy-path:hover > img {
|
||||
filter: invert(35%);
|
||||
}
|
||||
|
||||
#theme-choices {
|
||||
border-color: #ccc;
|
||||
background-color: #fff;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue