bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/nav-bar/styles.scss

79 lines
1.1 KiB
SCSS
Raw Normal View History

2016-07-28 05:50:35 +08:00
@import "../../stylesheets/variables/_all";
2016-05-21 00:29:55 +08:00
.navbar {
display: flex;
2016-07-28 05:50:35 +08:00
flex-direction: row;
2016-05-21 00:29:55 +08:00
}
.left,
.right,
.center {
2016-05-21 00:29:55 +08:00
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.left,
.right {
2016-05-21 00:29:55 +08:00
flex: 0;
}
.center {
width: 70%;
2016-07-28 05:50:35 +08:00
flex: 1;
2016-05-21 00:29:55 +08:00
}
2016-07-28 05:50:35 +08:00
.presentationTitle {
2016-05-21 00:29:55 +08:00
font-weight: 200;
color: var(--color-white);
font-size: var(--font-size-base);
2016-05-21 00:29:55 +08:00
margin: 0;
2016-07-28 05:50:35 +08:00
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 30vw;
2016-12-06 03:26:08 +08:00
> [class^="icon-bbb-"] {
font-size: 75%;
}
2016-07-28 05:50:35 +08:00
}
2016-06-07 22:33:22 +08:00
.btnWithNotificationDot {
2016-10-12 01:36:28 +08:00
position: relative;
&:after {
content: '';
position: absolute;
border-radius: 50%;
2017-09-29 03:18:04 +08:00
width: 12px;
height: 12px;
bottom: var(--border-size);
2017-09-29 03:18:04 +08:00
right: 3px;
background-color: var(--color-danger);
border: var(--border-size) solid var(--color-gray-dark);
}
2016-10-12 01:36:28 +08:00
}
.btn {
margin: 0;
span {
border: none;
box-shadow: none;
}
&:hover,
&:focus {
span {
background-color: transparent !important;
color: var(--color-white) !important;
opacity: .75;
}
}
}
.btnSettings {
}