Style bridge settings tab according to design

Signed-off-by: Half-Shot <will@half-shot.uk>
This commit is contained in:
Half-Shot 2020-01-21 18:41:43 +00:00
parent 224528afd4
commit b2fc4a1c4d
4 changed files with 144 additions and 88 deletions

View file

@ -63,9 +63,59 @@ limitations under the License.
.mx_RoomSettingsDialog_BridgeList li {
list-style-type: none;
padding: 5px;
margin-bottom: 5px;
border-width: 1px 0px;
border-color: #dee1f3;
border-style: solid;
margin-bottom: 8px;
border-width: 1px 1px;
border-color: $primary-hairline-color;
border-radius: 5px;
.protocol-icon {
float: left;
margin-right: 30px;
img {
border-radius: 5px;
border-width: 1px 1px;
border-color: $primary-hairline-color;
border-style: solid;
}
span {
/* Correct letter placement */
left: auto;
}
}
h3 {
margin-top: 0;
margin-bottom: 4px;
font-size: 16pt;
}
.column-icon {
float: left;
}
.column-data {
display: inline-block;
width: 85%;
}
.workspace-channel-details {
margin-top: 0;
color: $primary-fg-color;
}
.metadata {
color: $muted-fg-color;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
}
.metadata.visible {
overflow-y: visible;
text-overflow: ellipsis;
white-space: normal;
}
}