PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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

Browse source 
* 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
This commit is contained in:
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;
}
} }