web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve scrollbars and modal size

Browse Source
This commit is contained in:
yflory
2020-04-06 11:42:47 +02:00
parent 18a4d2a72c
commit 35394476a6
10 changed files with 73 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
customize.dist/src/less2/include/markdown.less
View File

@@ -90,6 +90,11 @@
border: 1px solid #BBB;
}
pre.mermaid {
svg {
max-width: 100%;
}
}
}
.markdown_preformatted-code (@color: #333) {

11
customize.dist/src/less2/include/modal.less
View File

@@ -24,6 +24,9 @@
.cp-modal-container {
display: none;
align-items: center;
justify-content: center;
z-index: 100000; //Z modal container
position: absolute;
top: 0;
@@ -39,9 +42,11 @@
padding: @variables_padding;
position: absolute;
top: 15vh; bottom: 15vh;
left: 10vw; right: 10vw;
position: relative;
//top: 15vh; bottom: 15vh;
//left: 10vw; right: 10vw;
width: 90vw;
max-height: 95vh;
overflow: auto;

22
customize.dist/src/less2/include/modals-ui-elements.less
View File

@@ -111,20 +111,24 @@
#cp-mediatag-preview-modal {
.cp-modal {
display: flex;
align-items: center;
justify-content: center;
.cp-mediatag-container {
width: 100%;
flex: 1;
min-width: 0;
overflow: auto;
media-tag {
& > * {
max-width: 100%;
max-height: 100%;
}
video, iframe {
margin-bottom: -5px;
}
& > iframe {
width: 100%;
height: 100%;
min-height: 75vh;
}
& > .plain-text-reader {
white-space: pre-wrap;
@@ -134,22 +138,26 @@
padding: 5px;
}
}
pre.mermaid {
overflow: unset;
}
.cp-spinner {
border-color: @colortheme_logo-1;
border-top-color: transparent;
}
}
.cp-mediatag-control {
align-self: center;
.fa {
margin: 10px;
cursor: pointer;
}
}
.cp-mediatag-outer {
display: flex;
height: 100%;
width: 100%;
align-items: center;
.cp-mediatag-control {
.fa {
margin: 10px;
cursor: pointer;
}
}
}
}
}