CSS that changes the connection lost bar into a more general 'warning bar' so we can use it for a guest access warning

dbkr · dbkr · commit 35600f11adf6 · 2016-01-28T09:19:28.000Z
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css b/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
@@ -261,23 +261,23 @@ hr.mx_RoomView_myReadMarker {
     vertical-align: middle;
 }
 
-.mx_RoomView_connectionLostBar {
+.mx_RoomView_warningBar {
     margin-top: 19px;
     height: 58px;
 }
 
-.mx_RoomView_connectionLostBar img {
+.mx_RoomView_warningBar img {
     padding-left: 10px;
     padding-right: 22px;
     vertical-align: middle;
     float: left;
 }
 
-.mx_RoomView_connectionLostBar_title {
+.mx_RoomView_warningBar_title {
     color: #ff0064;
 }
 
-.mx_RoomView_connectionLostBar_desc {
+.mx_RoomView_warningBar_desc {
     color: #454545;
     font-size: 13px;
     opacity: 0.5;

Original file line number	Diff line number	Diff line change
`@@ -261,23 +261,23 @@ hr.mx_RoomView_myReadMarker {`
`261`	`261`	`vertical-align: middle;`
`262`	`262`	`}`
`263`	`263`
`264`		`-.mx_RoomView_connectionLostBar {`
	`264`	`+.mx_RoomView_warningBar {`
`265`	`265`	`margin-top: 19px;`
`266`	`266`	`height: 58px;`
`267`	`267`	`}`
`268`	`268`
`269`		`-.mx_RoomView_connectionLostBar img {`
	`269`	`+.mx_RoomView_warningBar img {`
`270`	`270`	`padding-left: 10px;`
`271`	`271`	`padding-right: 22px;`
`272`	`272`	`vertical-align: middle;`
`273`	`273`	`float: left;`
`274`	`274`	`}`
`275`	`275`
`276`		`-.mx_RoomView_connectionLostBar_title {`
	`276`	`+.mx_RoomView_warningBar_title {`
`277`	`277`	`color: #ff0064;`
`278`	`278`	`}`
`279`	`279`
`280`		`-.mx_RoomView_connectionLostBar_desc {`
	`280`	`+.mx_RoomView_warningBar_desc {`
`281`	`281`	`color: #454545;`
`282`	`282`	`font-size: 13px;`
`283`	`283`	`opacity: 0.5;`