PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix status bar element positioning

Browse source
This commit is contained in:
Luke Barnard 2018-06-27 15:19:27 +01:00
parent 8be173cae3
commit 66002a4c00
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/structures/_RoomStatusBar.scss
View file

@ -113,6 +113,8 @@ limitations under the License.
} }
.mx_RoomStatusBar_connectionLostBar { .mx_RoomStatusBar_connectionLostBar {
display: flex;
margin-top: 19px; margin-top: 19px;
min-height: 58px; min-height: 58px;
} }
@ -132,6 +134,7 @@ limitations under the License.
color: $primary-fg-color; color: $primary-fg-color;
font-size: 13px; font-size: 13px;
opacity: 0.5; opacity: 0.5;
padding-bottom: 20px;
} }
.mx_RoomStatusBar_resend_link { .mx_RoomStatusBar_resend_link {

12
src/components/structures/RoomStatusBar.js
View file

@ -351,11 +351,13 @@ module.exports = React.createClass({
return <div className="mx_RoomStatusBar_connectionLostBar"> return <div className="mx_RoomStatusBar_connectionLostBar">
<img src="img/warning.svg" width="24" height="23" title={_t("Warning")} alt={_t("Warning")} /> <img src="img/warning.svg" width="24" height="23" title={_t("Warning")} alt={_t("Warning")} />
<div className="mx_RoomStatusBar_connectionLostBar_title"> <div>
{ title } <div className="mx_RoomStatusBar_connectionLostBar_title">
</div> { title }
<div className="mx_RoomStatusBar_connectionLostBar_desc"> </div>
{ content } <div className="mx_RoomStatusBar_connectionLostBar_desc">
{ content }
</div>
</div> </div>
</div>; </div>;
}, },