OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix copy button icon overlapping with copyable text (#10227) 

* Modified css for copy button and the copyable text accross the app specially to solve the overlapping problem in the access token div

* Modified css for copy button and the copyable text accross the app specially to solve the overlapping problem in the access token div and replaced the scroll with auto
pull/28788/head^2
Adesh-Pandey 2023-02-23 19:05:38 +05:45 committed by GitHub
parent 8f7f855ad4
commit 9a0e537916
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/elements/_CopyableText.pcss
View File

@ -23,11 +23,12 @@ limitations under the License.
max-width: 100%; max-width: 100%;
&.mx_CopyableText_border { &.mx_CopyableText_border {
overflow: auto;
border-radius: 5px; border-radius: 5px;
border: solid 1px $light-fg-color; border: solid 1px $light-fg-color;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
padding: 10px; padding: 10px 0 10px 10px;
} }
.mx_CopyableText_copyButton { .mx_CopyableText_copyButton {
@ -36,7 +37,8 @@ limitations under the License.
width: 1em; width: 1em;
height: 1em; height: 1em;
cursor: pointer; cursor: pointer;
margin-left: 20px; padding-left: 12px;
padding-right: 10px;
display: block; display: block;
/* If the copy button is used within a scrollable div, make it stick to the right while scrolling */ /* If the copy button is used within a scrollable div, make it stick to the right while scrolling */
position: sticky; position: sticky;

5
res/css/views/settings/tabs/user/_HelpUserSettingsTab.pcss
View File

@ -28,9 +28,4 @@ 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;
}
} }