schrumpel/element-modifications
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

custom css

Browse Source
This commit is contained in:
Kibi Kelburton 2021-08-05 20:07:08 +02:00
parent 6f1e05bec3
commit 6be63dbecd
1 changed files with 65 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
custom.css
View File

@ -1,5 +1,5 @@
/* Element Web modification by nixc */ /* Element Web modification by nixc */
/* For Element Web v.1.7.28-24 */ /* For Element Web v.1.7.34-40 */
.mx_AuthPage_modalContent { .mx_AuthPage_modalContent {
background: #222121 !important; background: #222121 !important;
} }
@ -109,7 +109,7 @@ span.mx_MVideoBody video.mx_MVideoBody {
} }
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader { .mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader {
padding: 6px; padding: 5px;
order: 3; order: 3;
border-top: 1px solid var(--roomlist-separator-color); border-top: 1px solid var(--roomlist-separator-color);
} }
@ -138,7 +138,8 @@ span.mx_MVideoBody video.mx_MVideoBody {
} }
.mx_MessageComposer_upload { .mx_MessageComposer_upload {
margin-right: 40px; margin-right: 30px;
margin-left: 20px;
} }
.mx_MessageComposer .mx_MessageComposer_avatar { .mx_MessageComposer .mx_MessageComposer_avatar {
@ -184,15 +185,16 @@ span.mx_MVideoBody video.mx_MVideoBody {
display: block; display: block;
margin-right: 0; margin-right: 0;
width: max-content; width: max-content;
min-width: 30%; min-width: unset;
max-width: 30%;
} }
.mx_MFileBody { /* .mx_MFileBody {
max-width: 0ch; max-width: 0ch;
display: flex; display: flex;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
} } */
.mx_BaseAvatar_image { .mx_BaseAvatar_image {
border-top-left-radius: 5px; border-top-left-radius: 5px;
@ -209,7 +211,7 @@ span.mx_MVideoBody video.mx_MVideoBody {
span.mx_MVideoBody video.mx_MVideoBody { span.mx_MVideoBody video.mx_MVideoBody {
max-height: 270px; max-height: 270px;
max-width: 0; max-width: 0;
border-radius: 0; border-radius: 5px;
min-width: 480px; min-width: 480px;
background: black; background: black;
margin-top: 5px; margin-top: 5px;
@ -224,3 +226,59 @@ span.mx_MVideoBody video.mx_MVideoBody {
margin-bottom: 5px; margin-bottom: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.mx_InlineSpinner {
display: inline;
position: absolute;
left: 0;
top: 5px;
}
.mx_Spinner_icon {
background-color: #000;
-webkit-animation: spin 2.1s steps(60) infinite;
animation: spin 2.1s steps(60) infinite;
filter: invert(100);
}
.mx_MImageBody_thumbnail_container {
background: #0000001f;
border-radius: 5px;
}
.mx_SendMessageComposer .mx_BasicMessageComposer {
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
min-height: 48px;
}
.mx_MessageComposer_wrapper {
padding-left: 0;
padding-right: 0;
}
.mx_MainSplit > .mx_RightPanel_ResizeWrapper {
margin-left: 0;
}
.mx_LeftPanel {
z-index: 1;
}
.mx_ReplyPreview {
border: 0;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
background: var(--timeline-background-color);
border-bottom: none;
border-radius: 0;
max-height: 50vh;
overflow: auto;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
z-index: 0;
}