Fix debug log "Copy" button text wrapping for localization (#4507)
This commit is contained in:
parent
8b7db94882
commit
9402287997
1 changed files with 6 additions and 15 deletions
|
@ -29,26 +29,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.result {
|
.result {
|
||||||
$link-max-width: 400px;
|
|
||||||
$open-width: 100px;
|
|
||||||
$open-height: 36px;
|
$open-height: 36px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
$group-max-width: $link-max-width + $open-width;
|
|
||||||
.input-group {
|
.input-group {
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
width: 100%;
|
|
||||||
max-width: $group-max-width;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
$open-pad-x: ($open-width - 40px) / 2;
|
|
||||||
$open-pad-y: ($open-height - 22px) / 2;
|
|
||||||
.copy {
|
.copy {
|
||||||
float: left;
|
|
||||||
display: inline-block;
|
|
||||||
width: $open-width;
|
|
||||||
height: $open-height;
|
height: $open-height;
|
||||||
padding: $open-pad-y $open-pad-x;
|
text-align: center;
|
||||||
|
line-height: $open-height;
|
||||||
|
padding: 0 30px;
|
||||||
color: unset;
|
color: unset;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -74,9 +66,8 @@
|
||||||
|
|
||||||
.link {
|
.link {
|
||||||
border-radius: 5px 0 0 5px;
|
border-radius: 5px 0 0 5px;
|
||||||
float: left;
|
flex-grow: 1;
|
||||||
width: calc(100% - #{$open-width});
|
min-width: 400px;
|
||||||
max-width: $link-max-width;
|
|
||||||
height: $open-height;
|
height: $open-height;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue