1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00

Use the right icons, sizing, and font families for things

This commit is contained in:
Travis Ralston
2019-01-21 16:03:44 -07:00
parent a8ec40a8b0
commit c3692aa9ae
9 changed files with 49 additions and 19 deletions

View File

@ -30,7 +30,7 @@ limitations under the License.
}
.mx_TabbedView_tabLabel {
vertical-align: middle;
vertical-align: text-top;
cursor: pointer;
display: block;
border-radius: 3px;
@ -46,23 +46,23 @@ limitations under the License.
}
.mx_TabbedView_tabLabel_icon {
width: 12px;
height: 12px;
width: 14px;
height: 14px;
margin-left: 6px;
margin-right: 9px;
position: relative;
}
.mx_TabbedView_tabLabel_icon > .mx_TabbedView_maskedIcon {
width: 12px;
height: 12px;
width: 14px;
height: 14px;
display: inline-block;
}
.mx_TabbedView_tabLabel_icon > .mx_TabbedView_maskedIcon:before {
background-color: $tab-label-icon-bg-color;
mask-repeat: no-repeat;
mask-size: 12px;
mask-size: 14px;
mask-position: center;
content: '';
position: absolute;