mirror of
				https://github.com/vector-im/element-web.git
				synced 2025-11-04 02:02:14 +01:00 
			
		
		
		
	strip out unneeded webkit prefixes now we're using autoprefixer
This commit is contained in:
		
							parent
							
								
									906d42688e
								
							
						
					
					
						commit
						dc1563d916
					
				@ -83,7 +83,6 @@ textarea {
 | 
			
		||||
/* applied to side-panels and messagepanel when in RoomSettings */
 | 
			
		||||
.mx_fadable {
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    -webkit-transition: opacity 0.2s ease-in-out;
 | 
			
		||||
    -moz-transition: opacity 0.2s ease-in-out;
 | 
			
		||||
    -ms-transition: opacity 0.2s ease-in-out;
 | 
			
		||||
    -o-transition: opacity 0.2s ease-in-out;
 | 
			
		||||
@ -128,14 +127,10 @@ textarea {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -15,13 +15,10 @@ limitations under the License.
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
.mx_FilePanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
 | 
			
		||||
@ -27,34 +27,27 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat_wrapper {
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixToolbar {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    height: 40px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_GuestWarningBar {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    height: 40px;
 | 
			
		||||
@ -68,52 +61,40 @@ limitations under the License.
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat .mx_LeftPanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    background-color: $secondary-accent-color;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 235px;
 | 
			
		||||
    flex: 0 0 235px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat .mx_LeftPanel.collapsed {
 | 
			
		||||
    -webkit-flex: 0 0 60px;
 | 
			
		||||
    flex: 0 0 60px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat .mx_MatrixChat_middlePanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    padding-left: 20px;
 | 
			
		||||
    padding-right: 22px;
 | 
			
		||||
    background-color: $primary-bg-color;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
 | 
			
		||||
    /* Experimental fix for https://github.com/vector-im/vector-web/issues/947
 | 
			
		||||
@ -132,25 +113,19 @@ limitations under the License.
 | 
			
		||||
     * point, but instead we fudge it and make the middlePanel
 | 
			
		||||
     * flex itself.
 | 
			
		||||
     */
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat .mx_RightPanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    -moz-box-ordinal-group: 3;
 | 
			
		||||
    -ms-flex-order: 3;
 | 
			
		||||
    -webkit-order: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 235px;
 | 
			
		||||
    flex: 0 0 235px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat .mx_RightPanel.collapsed {
 | 
			
		||||
    -webkit-flex: 0 0 122px;
 | 
			
		||||
    flex: 0 0 122px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -15,13 +15,10 @@ limitations under the License.
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
.mx_NotificationPanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
 | 
			
		||||
@ -123,18 +123,15 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_RoomStatusBar_tabCompleteWrapper {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    height: 26px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomStatusBar_tabCompleteWrapper .mx_TabCompleteBar {
 | 
			
		||||
    flex: 1 1 auto;
 | 
			
		||||
    -webkit-flex: 1 1 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomStatusBar_tabCompleteEol {
 | 
			
		||||
    flex: 0 0 auto;
 | 
			
		||||
    -webkit-flex: 0 0 auto;
 | 
			
		||||
    color: $accent-color;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -18,25 +18,19 @@ limitations under the License.
 | 
			
		||||
    word-wrap: break-word;
 | 
			
		||||
    position: relative;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView .mx_RoomHeader {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 70px;
 | 
			
		||||
    flex: 0 0 70px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -53,8 +47,6 @@ limitations under the License.
 | 
			
		||||
    padding-right: 12px;
 | 
			
		||||
    margin-left: -12px;
 | 
			
		||||
 | 
			
		||||
    -webkit-border-top-left-radius: 10px;
 | 
			
		||||
    -webkit-border-top-right-radius: 10px;
 | 
			
		||||
    -moz-border-radius-topleft: 10px;
 | 
			
		||||
    -moz-border-radius-topright: 10px;
 | 
			
		||||
    border-top-left-radius: 10px;
 | 
			
		||||
@ -77,10 +69,8 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_auxPanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    min-width: 0px;
 | 
			
		||||
@ -91,26 +81,20 @@ limitations under the License.
 | 
			
		||||
    overflow: auto;
 | 
			
		||||
    border-bottom: 1px solid $primary-hairline-color;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 auto;
 | 
			
		||||
    flex: 0 0 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_topUnreadMessagesBar {
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    -moz-box-ordinal-group: 3;
 | 
			
		||||
    -ms-flex-order: 3;
 | 
			
		||||
    -webkit-order: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_messagePanel {
 | 
			
		||||
    -webkit-box-ordinal-group: 4;
 | 
			
		||||
    -moz-box-ordinal-group: 4;
 | 
			
		||||
    -ms-flex-order: 4;
 | 
			
		||||
    -webkit-order: 4;
 | 
			
		||||
    order: 4;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
@ -124,22 +108,17 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
    min-height: 100%;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
 | 
			
		||||
    justify-content: flex-end;
 | 
			
		||||
    -webkit-justify-content: flex-end;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_searchResultsPanel .mx_RoomView_messageListWrapper {
 | 
			
		||||
    justify-content: flex-start;
 | 
			
		||||
    -webkit-justify-content: flex-start;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_MessageList {
 | 
			
		||||
@ -162,10 +141,8 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_invitePrompt {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    min-width: 0px;
 | 
			
		||||
@ -193,14 +170,11 @@ hr.mx_RoomView_myReadMarker {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView_statusArea {
 | 
			
		||||
    -webkit-box-ordinal-group: 5;
 | 
			
		||||
    -moz-box-ordinal-group: 5;
 | 
			
		||||
    -ms-flex-order: 5;
 | 
			
		||||
    -webkit-order: 5;
 | 
			
		||||
    order: 5;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    -webkit-flex: 0 0 auto;
 | 
			
		||||
    flex: 0 0 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -257,14 +231,11 @@ hr.mx_RoomView_myReadMarker {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomView .mx_MessageComposer {
 | 
			
		||||
    -webkit-box-ordinal-group: 6;
 | 
			
		||||
    -moz-box-ordinal-group: 6;
 | 
			
		||||
    -ms-flex-order: 6;
 | 
			
		||||
    -webkit-order: 6;
 | 
			
		||||
    order: 6;
 | 
			
		||||
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    -webkit-flex: 0 0 auto;
 | 
			
		||||
    flex: 0 0 auto;
 | 
			
		||||
    margin-right: 2px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -22,7 +22,6 @@ limitations under the License.
 | 
			
		||||
    padding-bottom: 22px;
 | 
			
		||||
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_SearchBox_searchButton {
 | 
			
		||||
@ -38,7 +37,6 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_SearchBox_search {
 | 
			
		||||
    flex: 1 1 auto;
 | 
			
		||||
    -webkit-flex: 1 1 auto;
 | 
			
		||||
    width: 0px;
 | 
			
		||||
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
 | 
			
		||||
    font-size: 12px;
 | 
			
		||||
 | 
			
		||||
@ -20,34 +20,25 @@ limitations under the License.
 | 
			
		||||
    margin-left: auto;
 | 
			
		||||
    margin-right: auto;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_UserSettings .mx_RoomHeader {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 70px;
 | 
			
		||||
    flex: 0 0 70px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_UserSettings_body {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
 | 
			
		||||
    margin-top: -20px;
 | 
			
		||||
 | 
			
		||||
@ -18,14 +18,10 @@ limitations under the License.
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
 | 
			
		||||
    overflow: auto;
 | 
			
		||||
 | 
			
		||||
@ -22,14 +22,12 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_DirectorySearchBox_container {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    padding-left: 9px;
 | 
			
		||||
    padding-right: 9px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_DirectorySearchBox_input {
 | 
			
		||||
    flex-grow: 1;
 | 
			
		||||
    -webkit-flex-grow: 1;
 | 
			
		||||
    border: 0;
 | 
			
		||||
    padding: 0;
 | 
			
		||||
    font-weight: 300;
 | 
			
		||||
 | 
			
		||||
@ -18,14 +18,12 @@ limitations under the License.
 | 
			
		||||
    margin-top: 15px;
 | 
			
		||||
    margin-right: 15px;
 | 
			
		||||
    margin-bottom: 15px;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    border-left: 4px solid #ddd;
 | 
			
		||||
    color: #888;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_LinkPreviewWidget_image {
 | 
			
		||||
    -webkit-flex: 0 0 100px;
 | 
			
		||||
    flex: 0 0 100px;
 | 
			
		||||
    margin-left: 15px;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
@ -34,7 +32,6 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_LinkPreviewWidget_caption {
 | 
			
		||||
    margin-left: 15px;
 | 
			
		||||
    -webkit-flex: 1 1 auto;
 | 
			
		||||
    flex: 1 1 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -56,7 +53,6 @@ limitations under the License.
 | 
			
		||||
.mx_LinkPreviewWidget_cancel {
 | 
			
		||||
    visibility: hidden;
 | 
			
		||||
    cursor: pointer;
 | 
			
		||||
    -webkit-flex: 0 0 40px;
 | 
			
		||||
    flex: 0 0 40px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -20,22 +20,17 @@ limitations under the License.
 | 
			
		||||
    margin-top: 12px;
 | 
			
		||||
    margin-right: 20px;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MemberList .mx_Spinner {
 | 
			
		||||
    flex: 0;
 | 
			
		||||
    -webkit-flex: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MemberList_chevron {
 | 
			
		||||
@ -48,7 +43,6 @@ limitations under the License.
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
 | 
			
		||||
    order: 1;
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -80,7 +74,6 @@ limitations under the License.
 | 
			
		||||
.mx_MemberList_joined {
 | 
			
		||||
    order: 2;
 | 
			
		||||
    flex: 1 0 0;
 | 
			
		||||
    -webkit-flex: 1 0 0;
 | 
			
		||||
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
}
 | 
			
		||||
@ -89,7 +82,6 @@ limitations under the License.
 | 
			
		||||
.mx_MemberList_invited {
 | 
			
		||||
    order: 3;
 | 
			
		||||
    flex: 0 0 100px;
 | 
			
		||||
    -webkit-flex: 0 0 100px;
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
}
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
@ -105,7 +105,6 @@ limitations under the License.
 | 
			
		||||
    border: 0px;
 | 
			
		||||
    resize: none;
 | 
			
		||||
    outline: none;
 | 
			
		||||
    -webkit-box-shadow: none;
 | 
			
		||||
    -moz-box-shadow: none;
 | 
			
		||||
    box-shadow: none;
 | 
			
		||||
    color: $primary-fg-color;
 | 
			
		||||
 | 
			
		||||
@ -25,36 +25,28 @@ limitations under the License.
 | 
			
		||||
    margin: auto;
 | 
			
		||||
    height: 70px;
 | 
			
		||||
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomHeader_leftRow {
 | 
			
		||||
    margin-left: -2px;
 | 
			
		||||
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomHeader_spinner {
 | 
			
		||||
    height: 36px;
 | 
			
		||||
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    padding-left: 12px;
 | 
			
		||||
@ -71,16 +63,13 @@ limitations under the License.
 | 
			
		||||
    margin-top: -2px;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    cursor: pointer;
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
    -webkit-flex: 0 0 90px;
 | 
			
		||||
    flex: 0 0 90px;
 | 
			
		||||
*/
 | 
			
		||||
    padding-left: 12px;
 | 
			
		||||
@ -88,10 +77,8 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomHeader_cancelButton {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
 | 
			
		||||
    cursor: pointer;
 | 
			
		||||
@ -105,10 +92,8 @@ limitations under the License.
 | 
			
		||||
    background-color: $primary-bg-color;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    -moz-box-ordinal-group: 3;
 | 
			
		||||
    -ms-flex-order: 3;
 | 
			
		||||
    -webkit-order: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -18,19 +18,14 @@ limitations under the License.
 | 
			
		||||
    text-align: center;
 | 
			
		||||
    height: 176px;
 | 
			
		||||
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -56,9 +51,7 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomPreviewBar_warning {
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    padding: 8px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -16,10 +16,8 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_SearchableEntityList {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_SearchableEntityList_query {
 | 
			
		||||
@ -49,7 +47,6 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_SearchableEntityList_listWrapper {
 | 
			
		||||
    flex: 1;
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
}
 | 
			
		||||
@ -67,7 +64,6 @@ limitations under the License.
 | 
			
		||||
.mx_SearchableEntityList_hrWrapper {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    flex: 0 0 auto;
 | 
			
		||||
    -webkit-flex: 0 0 auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_SearchableEntityList hr {
 | 
			
		||||
 | 
			
		||||
@ -41,14 +41,12 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_IncomingCallBox_buttons {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_IncomingCallBox_buttons_cell {
 | 
			
		||||
    vertical-align: middle;
 | 
			
		||||
    padding: 6px;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_IncomingCallBox_buttons_decline,
 | 
			
		||||
 | 
			
		||||
@ -17,13 +17,10 @@ limitations under the License.
 | 
			
		||||
.mx_LeftPanel {
 | 
			
		||||
    position: relative;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_LeftPanel_hideButton {
 | 
			
		||||
@ -39,13 +36,10 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_LeftPanel .mx_RoomList_scrollbar {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
@ -57,16 +51,13 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_LeftPanel .mx_BottomLeftMenu {
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    -moz-box-ordinal-group: 3;
 | 
			
		||||
    -ms-flex-order: 3;
 | 
			
		||||
    -webkit-order: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
 | 
			
		||||
    border-top: 1px solid rgba(118, 207, 166, 0.2);
 | 
			
		||||
    margin-left: 16px; /* gutter */
 | 
			
		||||
    margin-right: 16px; /* gutter */
 | 
			
		||||
    -webkit-flex: 0 0 60px;
 | 
			
		||||
    flex: 0 0 60px;
 | 
			
		||||
    z-index: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -17,26 +17,20 @@ limitations under the License.
 | 
			
		||||
.mx_RightPanel {
 | 
			
		||||
    position: relative;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RightPanel_header {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    -moz-box-ordinal-group: 1;
 | 
			
		||||
    -ms-flex-order: 1;
 | 
			
		||||
    -webkit-order: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
 | 
			
		||||
    border-bottom: 1px solid $primary-hairline-color;
 | 
			
		||||
    margin-right: 20px;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 70px;
 | 
			
		||||
    flex: 0 0 70px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -81,26 +75,20 @@ limitations under the License.
 | 
			
		||||
.mx_RightPanel .mx_MemberList,
 | 
			
		||||
.mx_RightPanel .mx_MemberInfo,
 | 
			
		||||
.mx_RightPanel_blank {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    -moz-box-ordinal-group: 2;
 | 
			
		||||
    -ms-flex-order: 2;
 | 
			
		||||
    -webkit-order: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RightPanel_footer {
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    -moz-box-ordinal-group: 3;
 | 
			
		||||
    -ms-flex-order: 3;
 | 
			
		||||
    -webkit-order: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
 | 
			
		||||
    border-top: 1px solid $primary-hairline-color;
 | 
			
		||||
    margin-right: 20px;
 | 
			
		||||
 | 
			
		||||
    -webkit-flex: 0 0 60px;
 | 
			
		||||
    flex: 0 0 60px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -22,33 +22,25 @@ limitations under the License.
 | 
			
		||||
    margin-bottom: 12px;
 | 
			
		||||
    color: $primary-fg-color;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomDirectory_list {
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomDirectory_list .mx_RoomView_messageListWrapper {
 | 
			
		||||
    justify-content: flex-start;
 | 
			
		||||
    -webkit-justify-content: flex-start;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_RoomDirectory_listheader {
 | 
			
		||||
@ -72,7 +64,6 @@ limitations under the License.
 | 
			
		||||
 | 
			
		||||
.mx_RoomDirectory_tableWrapper {
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -19,18 +19,14 @@ limitations under the License.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
.mx_ImageView {
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_ImageView_lhs {
 | 
			
		||||
    -webkit-box-ordinal-group: 1;
 | 
			
		||||
    order: 1;
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1 1 10%;
 | 
			
		||||
    min-width: 60px;
 | 
			
		||||
    /*
 | 
			
		||||
@ -40,18 +36,13 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_ImageView_content {
 | 
			
		||||
    -webkit-box-ordinal-group: 2;
 | 
			
		||||
    order: 2;
 | 
			
		||||
    /* min-width hack needed for FF */
 | 
			
		||||
    min-width: 0px;
 | 
			
		||||
    height: 90%;
 | 
			
		||||
    -webkit-flex: 15;
 | 
			
		||||
    flex: 15 15 0;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
}
 | 
			
		||||
@ -78,11 +69,8 @@ limitations under the License.
 | 
			
		||||
.mx_ImageView_label {
 | 
			
		||||
    text-align: left;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    -webkit-flex-direction: column;
 | 
			
		||||
    padding-left: 30px;
 | 
			
		||||
    padding-right: 30px;
 | 
			
		||||
    min-height: 100%;
 | 
			
		||||
@ -141,9 +129,7 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_ImageView_rhs {
 | 
			
		||||
    -webkit-box-ordinal-group: 3;
 | 
			
		||||
    order: 3;
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1 1 10%;
 | 
			
		||||
    min-width: 300px;
 | 
			
		||||
    /*
 | 
			
		||||
 | 
			
		||||
@ -15,16 +15,12 @@ limitations under the License.
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
.mx_Spinner {
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    -webkit-justify-content: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    justify-content: center;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixChat_middlePanel .mx_Spinner {
 | 
			
		||||
 | 
			
		||||
@ -18,12 +18,9 @@ limitations under the License.
 | 
			
		||||
    background-color: $accent-color;
 | 
			
		||||
    color: $accent-fg-color;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -18,12 +18,9 @@ limitations under the License.
 | 
			
		||||
    background-color: $accent-color;
 | 
			
		||||
    color: $accent-fg-color;
 | 
			
		||||
 | 
			
		||||
    display: -webkit-box;
 | 
			
		||||
    display: -moz-box;
 | 
			
		||||
    display: -ms-flexbox;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -34,7 +31,6 @@ limitations under the License.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_MatrixToolbar_content {
 | 
			
		||||
    -webkit-flex: 1;
 | 
			
		||||
    flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -18,9 +18,7 @@ limitations under the License.
 | 
			
		||||
    padding-top: 5px;
 | 
			
		||||
    padding-bottom: 5px;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    display: -webkit-flex;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    -webkit-align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_SearchBar_input {
 | 
			
		||||
@ -32,7 +30,6 @@ limitations under the License.
 | 
			
		||||
    padding-left: 11px;
 | 
			
		||||
    width: auto;
 | 
			
		||||
    flex: 1 1 0;
 | 
			
		||||
    -webkit-flex: 1 1 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mx_SearchBar_searchButton {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user