mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

WIP of new CSS

Browse source
This commit is contained in:
Matthew Hodgson 2015-10-23 02:32:49 +01:00
parent 82affac438
commit 7f65ba506b
39 changed files with 156 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/skins/vector/css/organisms/CreateRoom.css
View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_CreateRoom {
width: 720px;
width: 960px;
margin-left: auto;
margin-right: auto;
color: #4a4a4a;

13
src/skins/vector/css/organisms/LeftPanel.css
View file

@ -53,17 +53,20 @@ limitations under the License.
-webkit-order: 3;
order: 3;
-webkit-flex: 0 0 170px;
flex: 0 0 170px;
border-top: 1px solid #f3f8fa;
-webkit-flex: 0 0 126px;
flex: 0 0 126px;
}
.mx_LeftPanel .mx_BottomLeftMenu .mx_RoomTile {
color: #378bb4;
color: #454545;
}
.mx_LeftPanel .mx_BottomLeftMenu .mx_BottomLeftMenu_options {
margin-top: 12px;
width: 100%;
}
.mx_LeftPanel .mx_BottomLeftMenu img {
border-radius: 0px;
background-color: transparent;
}

5
src/skins/vector/css/organisms/MemberList.css
View file

@ -16,8 +16,6 @@ limitations under the License.
.mx_MemberList {
height: 100%;
margin-bottom: 100px;
padding: 8px;
-webkit-flex: 1;
flex: 1;
@ -39,10 +37,7 @@ limitations under the License.
}
.mx_MemberList_border {
border: 1px solid #a9dbf4;
overflow-y: auto;
border-radius: 8px;
background-color: #fff;
order: 1;
-webkit-flex: 1 1 0;

2
src/skins/vector/css/organisms/RoomDirectory.css
View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_RoomDirectory {
width: 720px;
width: 960px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;

16
src/skins/vector/css/organisms/RoomList.css
View file

@ -15,6 +15,7 @@ limitations under the License.
*/
.mx_RoomList {
padding-top: 24px;
}
.mx_RoomList_recents {
@ -24,8 +25,15 @@ limitations under the License.
width: 100%;
}
.mx_RoomList_recentsLabel img {
margin-left: 8px;
}
.mx_RoomList h2 {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px;
}
text-transform: uppercase;
color: #3d3b39;
font-weight: 600;
font-size: 14px;
padding-left: 12px;
padding-right: 12px;
}

34
src/skins/vector/css/organisms/RoomView.css
View file

@ -42,7 +42,7 @@ limitations under the License.
.mx_RoomView_fileDropTarget {
min-width: 0px;
max-width: 720px;
max-width: 960px;
width: 100%;
font-size: 20px;
text-align: center;
@ -61,7 +61,7 @@ limitations under the License.
border-top-right-radius: 10px;
background-color: rgba(255, 255, 255, 0.9);
border: 2px dashed #80cef4;
border: 2px dashed #76cfa6;
border-bottom: none;
position: absolute;
top: 88px;
@ -84,12 +84,12 @@ limitations under the License.
order: 2;
min-width: 0px;
max-width: 720px;
max-width: 960px;
width: 100%;
margin: auto;
overflow: auto;
border-bottom: 1px solid #a8dbf3;
border-bottom: 1px solid #eee;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
@ -111,7 +111,7 @@ limitations under the License.
}
.mx_RoomView_messageListWrapper {
max-width: 720px;
max-width: 960px;
margin: auto;
}
@ -129,8 +129,9 @@ limitations under the License.
clear: both;
margin-top: 32px;
margin-bottom: 8px;
margin-left: 54px;
padding-bottom: 6px;
border-bottom: 1px solid #a8dbf3;
border-bottom: 1px solid #eee;
}
.mx_RoomView_invitePrompt {
@ -141,7 +142,7 @@ limitations under the License.
order: 2;
min-width: 0px;
max-width: 720px;
max-width: 960px;
width: 100%;
margin: auto;
@ -157,14 +158,19 @@ limitations under the License.
order: 4;
width: 100%;
-webkit-flex: 0 0 58px;
flex: 0 0 58px;
-webkit-flex: 0 0 36px;
flex: 0 0 36px;
}
.mx_RoomView_statusAreaBox {
max-width: 720px;
max-width: 960px;
margin: auto;
border-top: 1px solid #a8dbf3;
}
.mx_RoomView_statusAreaBox_line {
border-top: 1px solid #eee;
margin-left: 54px;
height: 1px;
}
.mx_RoomView_unreadMessagesBar {
@ -205,8 +211,8 @@ limitations under the License.
order: 5;
width: 100%;
-webkit-flex: 0 0 63px;
flex: 0 0 63px;
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
margin-right: 2px;
}
@ -217,7 +223,7 @@ limitations under the License.
}
.mx_RoomView_uploadProgressInner {
background-color: #80cef4;
background-color: #76cfa6;
height: 4px;
}

2
src/skins/vector/css/organisms/UserSettings.css
View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_UserSettings {
width: 720px;
width: 960px;
margin-left: auto;
margin-right: auto;
}