mirror of
https://github.com/SchildiChat/element-web.git
synced 2024-10-01 01:26:12 -04:00
tidy up rightpanel and searchbox
This commit is contained in:
parent
72745b05dc
commit
90ae024a4e
@ -169,6 +169,8 @@ module.exports = React.createClass({
|
|||||||
{ buttonGroup }
|
{ buttonGroup }
|
||||||
</div>
|
</div>
|
||||||
{ panel }
|
{ panel }
|
||||||
|
<div className="mx_RightPanel_footer">
|
||||||
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -25,7 +25,6 @@ module.exports = React.createClass({
|
|||||||
|
|
||||||
render: function() {
|
render: function() {
|
||||||
var TintableSvg = sdk.getComponent('elements.TintableSvg');
|
var TintableSvg = sdk.getComponent('elements.TintableSvg');
|
||||||
var EditableText = sdk.getComponent("elements.EditableText");
|
|
||||||
|
|
||||||
var toggleCollapse;
|
var toggleCollapse;
|
||||||
if (this.props.collapsed) {
|
if (this.props.collapsed) {
|
||||||
@ -41,11 +40,9 @@ module.exports = React.createClass({
|
|||||||
className="mx_SearchBox_searchButton"
|
className="mx_SearchBox_searchButton"
|
||||||
src="img/search.svg" width="21" height="19"
|
src="img/search.svg" width="21" height="19"
|
||||||
/>
|
/>
|
||||||
<EditableText
|
<input
|
||||||
|
type="text"
|
||||||
className="mx_SearchBox_search"
|
className="mx_SearchBox_search"
|
||||||
placeholderClassName="mx_SearchBox_searchPlaceholder"
|
|
||||||
blurToCancel={ false }
|
|
||||||
editable={ true }
|
|
||||||
placeholder="Search Vector"
|
placeholder="Search Vector"
|
||||||
/>
|
/>
|
||||||
{ toggleCollapse }
|
{ toggleCollapse }
|
||||||
|
@ -207,7 +207,7 @@ hr.mx_RoomView_myReadMarker {
|
|||||||
.mx_RoomView_statusAreaBox {
|
.mx_RoomView_statusAreaBox {
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
min-height: 49px;
|
min-height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_RoomView_statusAreaBox_line {
|
.mx_RoomView_statusAreaBox_line {
|
||||||
|
@ -18,8 +18,8 @@ limitations under the License.
|
|||||||
height: 24px;
|
height: 24px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
padding-top: 23px;
|
padding-top: 26px;
|
||||||
padding-bottom: 23px;
|
padding-bottom: 20px;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -33,13 +33,14 @@ limitations under the License.
|
|||||||
.mx_SearchBox_search {
|
.mx_SearchBox_search {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
-webkit-flex: 1;
|
-webkit-flex: 1;
|
||||||
|
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
vertical-align: middle;
|
margin-top: -4px;
|
||||||
}
|
border: 0px ! important;
|
||||||
|
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */
|
||||||
.mx_SearchBox_searchPlaceholder {
|
background-color: transparent;
|
||||||
opacity: 0.5;
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_SearchBox_minimise,
|
.mx_SearchBox_minimise,
|
||||||
|
@ -15,6 +15,7 @@ limitations under the License.
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.mx_MemberInfo {
|
.mx_MemberInfo {
|
||||||
|
margin-top: 20px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -17,6 +17,8 @@ limitations under the License.
|
|||||||
.mx_MemberList {
|
.mx_MemberList {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
|
margin-top: 12px;
|
||||||
|
|
||||||
-webkit-flex: 1;
|
-webkit-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
@ -77,17 +79,6 @@ limitations under the License.
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.mx_MemberList_bottom {
|
|
||||||
order: 4;
|
|
||||||
flex: 0 0 60px;
|
|
||||||
-webkit-flex: 0 0 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx_MemberList_bottomRule {
|
|
||||||
border-top: 1px solid #e5e5e5;
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx_MemberList_invited h2 {
|
.mx_MemberList_invited h2 {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: #3d3b39;
|
color: #3d3b39;
|
||||||
|
@ -33,6 +33,9 @@ limitations under the License.
|
|||||||
-webkit-order: 1;
|
-webkit-order: 1;
|
||||||
order: 1;
|
order: 1;
|
||||||
|
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
margin-right: 20px;
|
||||||
|
|
||||||
-webkit-flex: 0 0 70px;
|
-webkit-flex: 0 0 70px;
|
||||||
flex: 0 0 70px;
|
flex: 0 0 70px;
|
||||||
}
|
}
|
||||||
@ -90,3 +93,17 @@ limitations under the License.
|
|||||||
-webkit-order: 2;
|
-webkit-order: 2;
|
||||||
order: 2;
|
order: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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 #e5e5e5;
|
||||||
|
margin-right: 20px;
|
||||||
|
|
||||||
|
-webkit-flex: 0 0 60px;
|
||||||
|
flex: 0 0 60px;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user