gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

strip out unneeded webkit prefixes now we're using autoprefixer

This commit is contained in:
Matthew Hodgson 2017-01-16 18:55:29 +00:00
parent 906d42688e
commit dc1563d916
25 changed files with 0 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/skins/vector/css/_common.scss
View File

@ -83,7 +83,6 @@ textarea {
/* applied to side-panels and messagepanel when in RoomSettings */ /* applied to side-panels and messagepanel when in RoomSettings */
.mx_fadable { .mx_fadable {
opacity: 1; opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out;
@ -128,14 +127,10 @@ textarea {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-justify-content: center;
justify-content: center; justify-content: center;
} }

3
src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss
View File

@ -15,13 +15,10 @@ limitations under the License.
*/ */
.mx_FilePanel { .mx_FilePanel {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
width: 100%; width: 100%;

25
src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss
View File

@ -27,34 +27,27 @@ limitations under the License.
} }
.mx_MatrixChat_wrapper { .mx_MatrixChat_wrapper {
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.mx_MatrixToolbar { .mx_MatrixToolbar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
height: 40px; height: 40px;
} }
.mx_GuestWarningBar { .mx_GuestWarningBar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
height: 40px; height: 40px;
@ -68,52 +61,40 @@ limitations under the License.
width: 100%; width: 100%;
height: 100%; height: 100%;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
-webkit-flex: 1;
flex: 1; flex: 1;
} }
.mx_MatrixChat .mx_LeftPanel { .mx_MatrixChat .mx_LeftPanel {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
background-color: $secondary-accent-color; background-color: $secondary-accent-color;
-webkit-flex: 0 0 235px;
flex: 0 0 235px; flex: 0 0 235px;
} }
.mx_MatrixChat .mx_LeftPanel.collapsed { .mx_MatrixChat .mx_LeftPanel.collapsed {
-webkit-flex: 0 0 60px;
flex: 0 0 60px; flex: 0 0 60px;
} }
.mx_MatrixChat .mx_MatrixChat_middlePanel { .mx_MatrixChat .mx_MatrixChat_middlePanel {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
padding-left: 20px; padding-left: 20px;
padding-right: 22px; padding-right: 22px;
background-color: $primary-bg-color; background-color: $primary-bg-color;
-webkit-flex: 1;
flex: 1; flex: 1;
/* Experimental fix for https://github.com/vector-im/vector-web/issues/947 /* 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 * point, but instead we fudge it and make the middlePanel
* flex itself. * flex itself.
*/ */
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
} }
.mx_MatrixChat .mx_RightPanel { .mx_MatrixChat .mx_RightPanel {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3; -moz-box-ordinal-group: 3;
-ms-flex-order: 3; -ms-flex-order: 3;
-webkit-order: 3;
order: 3; order: 3;
-webkit-flex: 0 0 235px;
flex: 0 0 235px; flex: 0 0 235px;
} }
.mx_MatrixChat .mx_RightPanel.collapsed { .mx_MatrixChat .mx_RightPanel.collapsed {
-webkit-flex: 0 0 122px;
flex: 0 0 122px; flex: 0 0 122px;
} }

3
src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss
View File

@ -15,13 +15,10 @@ limitations under the License.
*/ */
.mx_NotificationPanel { .mx_NotificationPanel {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
width: 100%; width: 100%;

3
src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
View File

@ -123,18 +123,15 @@ limitations under the License.
.mx_RoomStatusBar_tabCompleteWrapper { .mx_RoomStatusBar_tabCompleteWrapper {
display: flex; display: flex;
display: -webkit-flex;
height: 26px; height: 26px;
} }
.mx_RoomStatusBar_tabCompleteWrapper .mx_TabCompleteBar { .mx_RoomStatusBar_tabCompleteWrapper .mx_TabCompleteBar {
flex: 1 1 auto; flex: 1 1 auto;
-webkit-flex: 1 1 auto;
} }
.mx_RoomStatusBar_tabCompleteEol { .mx_RoomStatusBar_tabCompleteEol {
flex: 0 0 auto; flex: 0 0 auto;
-webkit-flex: 0 0 auto;
color: $accent-color; color: $accent-color;
} }

29
src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
View File

@ -18,25 +18,19 @@ limitations under the License.
word-wrap: break-word; word-wrap: break-word;
position: relative; position: relative;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_RoomView .mx_RoomHeader { .mx_RoomView .mx_RoomHeader {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
-webkit-flex: 0 0 70px;
flex: 0 0 70px; flex: 0 0 70px;
} }
@ -53,8 +47,6 @@ limitations under the License.
padding-right: 12px; padding-right: 12px;
margin-left: -12px; margin-left: -12px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; -moz-border-radius-topright: 10px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
@ -77,10 +69,8 @@ limitations under the License.
} }
.mx_RoomView_auxPanel { .mx_RoomView_auxPanel {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
min-width: 0px; min-width: 0px;
@ -91,26 +81,20 @@ limitations under the License.
overflow: auto; overflow: auto;
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
} }
.mx_RoomView_topUnreadMessagesBar { .mx_RoomView_topUnreadMessagesBar {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3; -moz-box-ordinal-group: 3;
-ms-flex-order: 3; -ms-flex-order: 3;
-webkit-order: 3;
order: 3; order: 3;
} }
.mx_RoomView_messagePanel { .mx_RoomView_messagePanel {
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4; -moz-box-ordinal-group: 4;
-ms-flex-order: 4; -ms-flex-order: 4;
-webkit-order: 4;
order: 4; order: 4;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
width: 100%; width: 100%;
@ -124,22 +108,17 @@ limitations under the License.
min-height: 100%; min-height: 100%;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
-webkit-justify-content: flex-end;
} }
.mx_RoomView_searchResultsPanel .mx_RoomView_messageListWrapper { .mx_RoomView_searchResultsPanel .mx_RoomView_messageListWrapper {
justify-content: flex-start; justify-content: flex-start;
-webkit-justify-content: flex-start;
} }
.mx_RoomView_MessageList { .mx_RoomView_MessageList {
@ -162,10 +141,8 @@ limitations under the License.
} }
.mx_RoomView_invitePrompt { .mx_RoomView_invitePrompt {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
min-width: 0px; min-width: 0px;
@ -193,14 +170,11 @@ hr.mx_RoomView_myReadMarker {
} }
.mx_RoomView_statusArea { .mx_RoomView_statusArea {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5; -moz-box-ordinal-group: 5;
-ms-flex-order: 5; -ms-flex-order: 5;
-webkit-order: 5;
order: 5; order: 5;
width: 100%; width: 100%;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -257,14 +231,11 @@ hr.mx_RoomView_myReadMarker {
} }
.mx_RoomView .mx_MessageComposer { .mx_RoomView .mx_MessageComposer {
-webkit-box-ordinal-group: 6;
-moz-box-ordinal-group: 6; -moz-box-ordinal-group: 6;
-ms-flex-order: 6; -ms-flex-order: 6;
-webkit-order: 6;
order: 6; order: 6;
width: 100%; width: 100%;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
margin-right: 2px; margin-right: 2px;
} }

2
src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss
View File

@ -22,7 +22,6 @@ limitations under the License.
padding-bottom: 22px; padding-bottom: 22px;
display: flex; display: flex;
display: -webkit-flex;
} }
.mx_SearchBox_searchButton { .mx_SearchBox_searchButton {
@ -38,7 +37,6 @@ limitations under the License.
.mx_SearchBox_search { .mx_SearchBox_search {
flex: 1 1 auto; flex: 1 1 auto;
-webkit-flex: 1 1 auto;
width: 0px; width: 0px;
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
font-size: 12px; font-size: 12px;

9
src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
View File

@ -20,34 +20,25 @@ limitations under the License.
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_UserSettings .mx_RoomHeader { .mx_UserSettings .mx_RoomHeader {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
-webkit-flex: 0 0 70px;
flex: 0 0 70px; flex: 0 0 70px;
} }
.mx_UserSettings_body { .mx_UserSettings_body {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
margin-top: -20px; margin-top: -20px;

4
src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
View File

@ -18,14 +18,10 @@ limitations under the License.
width: 100%; width: 100%;
height: 100%; height: 100%;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-justify-content: center;
justify-content: center; justify-content: center;
overflow: auto; overflow: auto;

2
src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss
View File

@ -22,14 +22,12 @@ limitations under the License.
.mx_DirectorySearchBox_container { .mx_DirectorySearchBox_container {
display: flex; display: flex;
display: -webkit-flex;
padding-left: 9px; padding-left: 9px;
padding-right: 9px; padding-right: 9px;
} }
.mx_DirectorySearchBox_input { .mx_DirectorySearchBox_input {
flex-grow: 1; flex-grow: 1;
-webkit-flex-grow: 1;
border: 0; border: 0;
padding: 0; padding: 0;
font-weight: 300; font-weight: 300;

4
src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss
View File

@ -18,14 +18,12 @@ limitations under the License.
margin-top: 15px; margin-top: 15px;
margin-right: 15px; margin-right: 15px;
margin-bottom: 15px; margin-bottom: 15px;
display: -webkit-flex;
display: flex; display: flex;
border-left: 4px solid #ddd; border-left: 4px solid #ddd;
color: #888; color: #888;
} }
.mx_LinkPreviewWidget_image { .mx_LinkPreviewWidget_image {
-webkit-flex: 0 0 100px;
flex: 0 0 100px; flex: 0 0 100px;
margin-left: 15px; margin-left: 15px;
text-align: center; text-align: center;
@ -34,7 +32,6 @@ limitations under the License.
.mx_LinkPreviewWidget_caption { .mx_LinkPreviewWidget_caption {
margin-left: 15px; margin-left: 15px;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
} }
@ -56,7 +53,6 @@ limitations under the License.
.mx_LinkPreviewWidget_cancel { .mx_LinkPreviewWidget_cancel {
visibility: hidden; visibility: hidden;
cursor: pointer; cursor: pointer;
-webkit-flex: 0 0 40px;
flex: 0 0 40px; flex: 0 0 40px;
} }

8
src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss
View File

@ -20,22 +20,17 @@ limitations under the License.
margin-top: 12px; margin-top: 12px;
margin-right: 20px; margin-right: 20px;
-webkit-flex: 1;
flex: 1; flex: 1;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_MemberList .mx_Spinner { .mx_MemberList .mx_Spinner {
flex: 0; flex: 0;
-webkit-flex: 0;
} }
.mx_MemberList_chevron { .mx_MemberList_chevron {
@ -48,7 +43,6 @@ limitations under the License.
overflow-y: auto; overflow-y: auto;
order: 1; order: 1;
-webkit-flex: 1 1 0;
flex: 1 1 0px; flex: 1 1 0px;
} }
@ -80,7 +74,6 @@ limitations under the License.
.mx_MemberList_joined { .mx_MemberList_joined {
order: 2; order: 2;
flex: 1 0 0; flex: 1 0 0;
-webkit-flex: 1 0 0;
overflow-y: auto; overflow-y: auto;
} }
@ -89,7 +82,6 @@ limitations under the License.
.mx_MemberList_invited { .mx_MemberList_invited {
order: 3; order: 3;
flex: 0 0 100px; flex: 0 0 100px;
-webkit-flex: 0 0 100px;
overflow-y: auto; overflow-y: auto;
} }
*/ */

1
src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
View File

@ -105,7 +105,6 @@ limitations under the License.
border: 0px; border: 0px;
resize: none; resize: none;
outline: none; outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
color: $primary-fg-color; color: $primary-fg-color;

15
src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss
View File

@ -25,36 +25,28 @@ limitations under the License.
margin: auto; margin: auto;
height: 70px; height: 70px;
-webkit-align-items: center;
align-items: center; align-items: center;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
} }
.mx_RoomHeader_leftRow { .mx_RoomHeader_leftRow {
margin-left: -2px; margin-left: -2px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
-webkit-flex: 1;
flex: 1; flex: 1;
} }
.mx_RoomHeader_spinner { .mx_RoomHeader_spinner {
height: 36px; height: 36px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
padding-left: 12px; padding-left: 12px;
@ -71,16 +63,13 @@ limitations under the License.
margin-top: -2px; margin-top: -2px;
text-align: center; text-align: center;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
cursor: pointer; cursor: pointer;
/* /*
-webkit-flex: 0 0 90px;
flex: 0 0 90px; flex: 0 0 90px;
*/ */
padding-left: 12px; padding-left: 12px;
@ -88,10 +77,8 @@ limitations under the License.
} }
.mx_RoomHeader_cancelButton { .mx_RoomHeader_cancelButton {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
cursor: pointer; cursor: pointer;
@ -105,10 +92,8 @@ limitations under the License.
background-color: $primary-bg-color; background-color: $primary-bg-color;
display: flex; display: flex;
align-items: center; align-items: center;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3; -moz-box-ordinal-group: 3;
-ms-flex-order: 3; -ms-flex-order: 3;
-webkit-order: 3;
order: 3; order: 3;
} }

7
src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss
View File

@ -18,19 +18,14 @@ limitations under the License.
text-align: center; text-align: center;
height: 176px; height: 176px;
-webkit-align-items: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
justify-content: center; justify-content: center;
-webkit-justify-content: center;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
} }
@ -56,9 +51,7 @@ limitations under the License.
} }
.mx_RoomPreviewBar_warning { .mx_RoomPreviewBar_warning {
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
padding: 8px; padding: 8px;
} }

4
src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss
View File

@ -16,10 +16,8 @@ limitations under the License.
.mx_SearchableEntityList { .mx_SearchableEntityList {
display: flex; display: flex;
display: -webkit-flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_SearchableEntityList_query { .mx_SearchableEntityList_query {
@ -49,7 +47,6 @@ limitations under the License.
.mx_SearchableEntityList_listWrapper { .mx_SearchableEntityList_listWrapper {
flex: 1; flex: 1;
-webkit-flex: 1;
overflow-y: auto; overflow-y: auto;
} }
@ -67,7 +64,6 @@ limitations under the License.
.mx_SearchableEntityList_hrWrapper { .mx_SearchableEntityList_hrWrapper {
width: 100%; width: 100%;
flex: 0 0 auto; flex: 0 0 auto;
-webkit-flex: 0 0 auto;
} }
.mx_SearchableEntityList hr { .mx_SearchableEntityList hr {

2
src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss
View File

@ -41,14 +41,12 @@ limitations under the License.
.mx_IncomingCallBox_buttons { .mx_IncomingCallBox_buttons {
display: flex; display: flex;
display: -webkit-flex;
} }
.mx_IncomingCallBox_buttons_cell { .mx_IncomingCallBox_buttons_cell {
vertical-align: middle; vertical-align: middle;
padding: 6px; padding: 6px;
flex: 1; flex: 1;
-webkit-flex: 1;
} }
.mx_IncomingCallBox_buttons_decline, .mx_IncomingCallBox_buttons_decline,

9
src/skins/vector/css/vector-web/structures/_LeftPanel.scss
View File

@ -17,13 +17,10 @@ limitations under the License.
.mx_LeftPanel { .mx_LeftPanel {
position: relative; position: relative;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_LeftPanel_hideButton { .mx_LeftPanel_hideButton {
@ -39,13 +36,10 @@ limitations under the License.
} }
.mx_LeftPanel .mx_RoomList_scrollbar { .mx_LeftPanel .mx_RoomList_scrollbar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
overflow-y: auto; overflow-y: auto;
@ -57,16 +51,13 @@ limitations under the License.
} }
.mx_LeftPanel .mx_BottomLeftMenu { .mx_LeftPanel .mx_BottomLeftMenu {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3; -moz-box-ordinal-group: 3;
-ms-flex-order: 3; -ms-flex-order: 3;
-webkit-order: 3;
order: 3; order: 3;
border-top: 1px solid rgba(118, 207, 166, 0.2); border-top: 1px solid rgba(118, 207, 166, 0.2);
margin-left: 16px; /* gutter */ margin-left: 16px; /* gutter */
margin-right: 16px; /* gutter */ margin-right: 16px; /* gutter */
-webkit-flex: 0 0 60px;
flex: 0 0 60px; flex: 0 0 60px;
z-index: 1; z-index: 1;
} }

12
src/skins/vector/css/vector-web/structures/_RightPanel.scss
View File

@ -17,26 +17,20 @@ limitations under the License.
.mx_RightPanel { .mx_RightPanel {
position: relative; position: relative;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_RightPanel_header { .mx_RightPanel_header {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1;
order: 1; order: 1;
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
margin-right: 20px; margin-right: 20px;
-webkit-flex: 0 0 70px;
flex: 0 0 70px; flex: 0 0 70px;
} }
@ -81,26 +75,20 @@ limitations under the License.
.mx_RightPanel .mx_MemberList, .mx_RightPanel .mx_MemberList,
.mx_RightPanel .mx_MemberInfo, .mx_RightPanel .mx_MemberInfo,
.mx_RightPanel_blank { .mx_RightPanel_blank {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-ms-flex-order: 2; -ms-flex-order: 2;
-webkit-order: 2;
order: 2; order: 2;
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0;
} }
.mx_RightPanel_footer { .mx_RightPanel_footer {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3; -moz-box-ordinal-group: 3;
-ms-flex-order: 3; -ms-flex-order: 3;
-webkit-order: 3;
order: 3; order: 3;
border-top: 1px solid $primary-hairline-color; border-top: 1px solid $primary-hairline-color;
margin-right: 20px; margin-right: 20px;
-webkit-flex: 0 0 60px;
flex: 0 0 60px; flex: 0 0 60px;
} }

9
src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
View File

@ -22,33 +22,25 @@ limitations under the License.
margin-bottom: 12px; margin-bottom: 12px;
color: $primary-fg-color; color: $primary-fg-color;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_RoomDirectory_list { .mx_RoomDirectory_list {
-webkit-flex: 1;
flex: 1; flex: 1;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
} }
.mx_RoomDirectory_list .mx_RoomView_messageListWrapper { .mx_RoomDirectory_list .mx_RoomView_messageListWrapper {
justify-content: flex-start; justify-content: flex-start;
-webkit-justify-content: flex-start;
} }
.mx_RoomDirectory_listheader { .mx_RoomDirectory_listheader {
@ -72,7 +64,6 @@ limitations under the License.
.mx_RoomDirectory_tableWrapper { .mx_RoomDirectory_tableWrapper {
overflow-y: auto; overflow-y: auto;
-webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
} }

14
src/skins/vector/css/vector-web/views/elements/_ImageView.scss
View File

@ -19,18 +19,14 @@ limitations under the License.
*/ */
.mx_ImageView { .mx_ImageView {
display: -webkit-flex;
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-align-items: center;
align-items: center; align-items: center;
} }
.mx_ImageView_lhs { .mx_ImageView_lhs {
-webkit-box-ordinal-group: 1;
order: 1; order: 1;
-webkit-flex: 1;
flex: 1 1 10%; flex: 1 1 10%;
min-width: 60px; min-width: 60px;
/* /*
@ -40,18 +36,13 @@ limitations under the License.
} }
.mx_ImageView_content { .mx_ImageView_content {
-webkit-box-ordinal-group: 2;
order: 2; order: 2;
/* min-width hack needed for FF */ /* min-width hack needed for FF */
min-width: 0px; min-width: 0px;
height: 90%; height: 90%;
-webkit-flex: 15;
flex: 15 15 0; flex: 15 15 0;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@ -78,11 +69,8 @@ limitations under the License.
.mx_ImageView_label { .mx_ImageView_label {
text-align: left; text-align: left;
display: flex; display: flex;
display: -webkit-flex;
justify-content: center; justify-content: center;
-webkit-justify-content: center;
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
min-height: 100%; min-height: 100%;
@ -141,9 +129,7 @@ limitations under the License.
} }
.mx_ImageView_rhs { .mx_ImageView_rhs {
-webkit-box-ordinal-group: 3;
order: 3; order: 3;
-webkit-flex: 1;
flex: 1 1 10%; flex: 1 1 10%;
min-width: 300px; min-width: 300px;
/* /*

4
src/skins/vector/css/vector-web/views/elements/_Spinner.scss
View File

@ -15,16 +15,12 @@ limitations under the License.
*/ */
.mx_Spinner { .mx_Spinner {
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
flex: 1; flex: 1;
-webkit-flex: 1;
} }
.mx_MatrixChat_middlePanel .mx_Spinner { .mx_MatrixChat_middlePanel .mx_Spinner {

3
src/skins/vector/css/vector-web/views/globals/_GuestWarningBar.scss
View File

@ -18,12 +18,9 @@ limitations under the License.
background-color: $accent-color; background-color: $accent-color;
color: $accent-fg-color; color: $accent-fg-color;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
} }

4
src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
View File

@ -18,12 +18,9 @@ limitations under the License.
background-color: $accent-color; background-color: $accent-color;
color: $accent-fg-color; color: $accent-fg-color;
display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
} }
@ -34,7 +31,6 @@ limitations under the License.
} }
.mx_MatrixToolbar_content { .mx_MatrixToolbar_content {
-webkit-flex: 1;
flex: 1; flex: 1;
} }

3
src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss
View File

@ -18,9 +18,7 @@ limitations under the License.
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
display: flex; display: flex;
display: -webkit-flex;
align-items: center; align-items: center;
-webkit-align-items: center;
} }
.mx_SearchBar_input { .mx_SearchBar_input {
@ -32,7 +30,6 @@ limitations under the License.
padding-left: 11px; padding-left: 11px;
width: auto; width: auto;
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0;
} }
.mx_SearchBar_searchButton { .mx_SearchBar_searchButton {