imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve view source dialog style (#8883)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-25 12:50:58 +00:00 • committed by GitHub
parent 3ecf7e1065
commit 3ccde7afa1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 52 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

57
res/css/structures/_ViewSource.scss
View file

@ -14,37 +14,38 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_ViewSource_separator {
clear: both;
border-bottom: 1px solid #e5e5e5;
padding-top: 0.7em;
padding-bottom: 0.7em;
}
.mx_ViewSource {
pre {
font-size: $font-12px;
padding: 0.5em 1em;
word-wrap: break-word;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.mx_ViewSource_heading {
font-size: $font-17px;
font-weight: 400;
color: $primary-content;
margin-top: 0.7em;
}
.mx_ViewSource_header {
border-bottom: 1px solid $quinary-content;
padding-bottom: $spacing-12;
margin-bottom: $spacing-12;
.mx_ViewSource pre {
text-align: left;
font-size: $font-12px;
padding: 0.5em 1em 0.5em 1em;
word-wrap: break-word;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.mx_CopyableText {
word-break: break-all;
}
}
.mx_ViewSource_details {
margin-top: 0.8em;
}
.mx_ViewSource_heading {
font-size: $font-17px;
font-weight: 400;
color: $primary-content;
margin-top: $spacing-12;
}
.mx_ViewSource_container {
max-width: calc(100% - 24px);
}
.mx_ViewSource_details {
margin-top: $spacing-12;
}
.mx_ViewSource_container .mx_CopyableText_border {
width: 100%;
.mx_CopyableText_border {
box-sizing: border-box;
width: 100%;
}
}