mirror of
https://github.com/element-hq/element-web
synced 2024-11-29 04:48:50 +03:00
Stop access token overflowing the box (#10069)
Use a scrollable div for the access token to stop it overflowing.
This commit is contained in:
parent
4931f18f47
commit
b48d568c69
2 changed files with 9 additions and 1 deletions
|
@ -38,9 +38,12 @@ limitations under the License.
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
display: block;
|
display: block;
|
||||||
|
/* If the copy button is used within a scrollable div, make it stick to the right while scrolling */
|
||||||
|
position: sticky;
|
||||||
|
right: 0;
|
||||||
/* center to first line */
|
/* center to first line */
|
||||||
position: relative;
|
|
||||||
top: 0.15em;
|
top: 0.15em;
|
||||||
|
background-color: $background;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
|
|
|
@ -28,4 +28,9 @@ limitations under the License.
|
||||||
margin-bottom: $spacing-16;
|
margin-bottom: $spacing-16;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* prevent the access token from overflowing the text box */
|
||||||
|
div .mx_CopyableText {
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue