Stop access token overflowing the box (#10069)

Use a scrollable div for the access token to stop it overflowing.
This commit is contained in:
Shivam Bajaj 2023-02-21 19:33:05 +05:30 committed by GitHub
parent 4931f18f47
commit b48d568c69
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions

View file

@ -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: "";

View file

@ -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;
}
} }