Use flex column for occupant sidebar
This commit is contained in:
parent
6bdf204be4
commit
2f2e687a18
|
@ -5915,7 +5915,6 @@ body.reset {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border-radius: 4px; }
|
border-radius: 4px; }
|
||||||
#conversejs #controlbox .controlbox-pane .add-converse-contact {
|
#conversejs #controlbox .controlbox-pane .add-converse-contact {
|
||||||
|
@ -6169,6 +6168,7 @@ body.reset {
|
||||||
width: 100%; } }
|
width: 100%; } }
|
||||||
#converse-embedded-chat .chatroom .box-flyout,
|
#converse-embedded-chat .chatroom .box-flyout,
|
||||||
#conversejs .chatroom .box-flyout {
|
#conversejs .chatroom .box-flyout {
|
||||||
|
overflow-y: hidden;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
@media screen and (max-height: 450px) {
|
@media screen and (max-height: 450px) {
|
||||||
#converse-embedded-chat .chatroom .box-flyout,
|
#converse-embedded-chat .chatroom .box-flyout,
|
||||||
|
@ -6235,6 +6235,9 @@ body.reset {
|
||||||
min-width: 100%; }
|
min-width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -6246,9 +6249,12 @@ body.reset {
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
||||||
padding: 0.3em 0;
|
padding: 0.3em 0;
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.feature,
|
||||||
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.feature {
|
||||||
|
font-size: 12px;
|
||||||
|
width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
|
||||||
bottom: 0.5em;
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature {
|
||||||
|
@ -6273,8 +6279,8 @@ body.reset {
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: -webkit-calc(100% - 220px);
|
flex-basis: 0;
|
||||||
height: calc(100% - 220px); }
|
flex-grow: 1; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
|
||||||
padding-top: 0; }
|
padding-top: 0; }
|
||||||
|
|
|
@ -5981,7 +5981,6 @@ body {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border-radius: 4px; }
|
border-radius: 4px; }
|
||||||
#conversejs #controlbox .controlbox-pane .add-converse-contact {
|
#conversejs #controlbox .controlbox-pane .add-converse-contact {
|
||||||
|
@ -6033,8 +6032,6 @@ body {
|
||||||
display: block; } }
|
display: block; } }
|
||||||
#conversejs.fullscreen #controlbox {
|
#conversejs.fullscreen #controlbox {
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
#conversejs.fullscreen #controlbox .controlbox-panes {
|
|
||||||
overflow-y: hidden; }
|
|
||||||
#conversejs.fullscreen #controlbox .controlbox-pane {
|
#conversejs.fullscreen #controlbox .controlbox-pane {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
#conversejs.fullscreen #controlbox .flyout {
|
#conversejs.fullscreen #controlbox .flyout {
|
||||||
|
@ -6288,6 +6285,7 @@ body {
|
||||||
width: 100%; } }
|
width: 100%; } }
|
||||||
#converse-embedded-chat .chatroom .box-flyout,
|
#converse-embedded-chat .chatroom .box-flyout,
|
||||||
#conversejs .chatroom .box-flyout {
|
#conversejs .chatroom .box-flyout {
|
||||||
|
overflow-y: hidden;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
@media screen and (max-height: 450px) {
|
@media screen and (max-height: 450px) {
|
||||||
#converse-embedded-chat .chatroom .box-flyout,
|
#converse-embedded-chat .chatroom .box-flyout,
|
||||||
|
@ -6354,6 +6352,9 @@ body {
|
||||||
min-width: 100%; }
|
min-width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -6365,9 +6366,12 @@ body {
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
||||||
padding: 0.3em 0;
|
padding: 0.3em 0;
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.feature,
|
||||||
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.feature {
|
||||||
|
font-size: 14px;
|
||||||
|
width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
|
||||||
bottom: 0.5em;
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features .feature {
|
||||||
|
@ -6392,8 +6396,8 @@ body {
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: -webkit-calc(100% - 220px);
|
flex-basis: 0;
|
||||||
height: calc(100% - 220px); }
|
flex-grow: 1; }
|
||||||
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
|
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
|
||||||
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
|
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
|
||||||
padding-top: 0; }
|
padding-top: 0; }
|
||||||
|
@ -6518,15 +6522,7 @@ body {
|
||||||
padding: 1em; }
|
padding: 1em; }
|
||||||
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
|
||||||
font-size: 18px; }
|
font-size: 18px; }
|
||||||
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
|
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list li {
|
||||||
bottom: 1em; }
|
|
||||||
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
|
|
||||||
height: -webkit-calc(100% - 212px);
|
|
||||||
height: calc(100% - 212px); }
|
|
||||||
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list li {
|
|
||||||
font-size: 14px;
|
|
||||||
width: 100%; }
|
|
||||||
#conversejs.fullscreen .chatroom .box-flyout .chatroom-body .occupants ul li.feature {
|
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
#conversejs.fullscreen .chatroom .room-invite span .invited-contact {
|
#conversejs.fullscreen .chatroom .room-invite span .invited-contact {
|
||||||
margin: 0 0 0.5em -1px; }
|
margin: 0 0 0.5em -1px; }
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<link type="text/css" rel="stylesheet" media="screen" href="../../css/inverse.css" />
|
<link type="text/css" rel="stylesheet" media="screen" href="../../css/inverse.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="reset">
|
||||||
<div id="conversejs" class="fullscreen">
|
<div id="conversejs" class="fullscreen">
|
||||||
<div class="sidebar"></div>
|
<div class="sidebar"></div>
|
||||||
<div class="row no-gutters">
|
<div class="row no-gutters">
|
||||||
|
@ -88,32 +88,69 @@
|
||||||
|
|
||||||
<div class="occupants col-md-3 col-4">
|
<div class="occupants col-md-3 col-4">
|
||||||
<p class="occupants-heading">Occupants:</p>
|
<p class="occupants-heading">Occupants:</p>
|
||||||
<form class="pure-form room-invite">
|
<form class="room-invite">
|
||||||
<input class="form-control" placeholder="Invite..." type="text" autocomplete="off" spellcheck="false" dir="auto">
|
<input class="form-control" placeholder="Invite..." type="text" autocomplete="off" spellcheck="false" dir="auto">
|
||||||
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre;"></pre>
|
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre;"></pre>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<ul class="occupant-list">
|
<ul class="occupant-list">
|
||||||
<li class="moderator occupant" title="This user is a moderator. Click to mention luke in your message.">
|
<li class="moderator occupant" title="This user is a moderator. Click to mention luke in your message.">
|
||||||
<div class="occupant-status occupant-online circle" title="Online"></div>luke</li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>luke</li>
|
||||||
<li class="participant occupant" title="Click to mention leia in your message.">
|
<li class="participant occupant" title="Click to mention leia in your message.">
|
||||||
<div class="occupant-status occupant-online circle" title="Online"></div>leia</li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>leia</li>
|
||||||
<li class="participant occupant" title="Click to mention Obi-wan Kenobi, Jedi Master in your message.">
|
<li class="participant occupant" title="Click to mention Obi-wan Kenobi, Jedi Master in your message.">
|
||||||
<div class="occupant-status occupant-online circle" title="Online"></div>Obi-wan Kenobi, Jedi Master</li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>Obi-wan Kenobi, Jedi Master</li>
|
||||||
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
</ul>
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<div class="chatroom-features">
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
<p class="occupants-heading">Features</p>
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<ul class="features-list">
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
<li class="feature" title="Unsecured: This room requires a password before entry"><span class="fa fa-unlock"></span> </li>
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<li class="feature" title="Public: This room is publicly searchable"><span class="fa fa-eye"></span> </li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
<li class="feature" title="Open: Anyone can join this roo"><span class="fa fa-globe"></span> </li>
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<li class="feature" title="Persistent: This room persists even if it's unoccupied"><span class="fa fa-save"></span> </li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
<li class="feature" title="Non-anonymous: All other room occupants can see your XMPP username"><span class="fa fa-vcard"></span> </li>
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
<li class="feature" title="Unmoderated: This room is not being moderated"><span class="fa fa-info-circle"></span> </li>
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
|
<li class="participant occupant" title="Click to mention jabber the hut in your message.">
|
||||||
|
<div class="occupant-status occupant-online circle" title="Online"></div>jabber the hut</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
<div class="chatroom-features">
|
||||||
|
<p class="occupants-heading">Features</p>
|
||||||
|
<ul class="features-list">
|
||||||
|
<li class="feature" title="Secured: This room requires a password before entry"><span class="fa fa-unlock"></span> Password required</li>
|
||||||
|
<li class="feature" title="Public: This room is publicly searchable"><span class="fa fa-eye"></span> Public</li>
|
||||||
|
<li class="feature" title="Open: Anyone can join this room"><span class="fa fa-globe"></span> Open</li>
|
||||||
|
<li class="feature" title="Persistent: This room persists even if it's unoccupied"><span class="fa fa-save"></span> Persistent</li>
|
||||||
|
<li class="feature" title="Non-anonymous: All other room occupants can see your XMPP username"><span class="fa fa-vcard"></span> Non-anonymous</li>
|
||||||
|
<li class="feature" title="Unmoderated: This room is not being moderated"><span class="fa fa-info-circle"></span> Unmoderated</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -68,6 +68,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
|
overflow-y: hidden;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@media screen and (max-height: $mobile-landscape-height) {
|
@media screen and (max-height: $mobile-landscape-height) {
|
||||||
height: $mobile-chat-height;
|
height: $mobile-chat-height;
|
||||||
|
@ -135,6 +137,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.occupants {
|
.occupants {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
@ -142,14 +147,23 @@
|
||||||
border-left: 1px solid $text-color;
|
border-left: 1px solid $text-color;
|
||||||
border-bottom-right-radius: $chatbox-border-radius;
|
border-bottom-right-radius: $chatbox-border-radius;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
|
||||||
.occupants-heading {
|
.occupants-heading {
|
||||||
padding: 0.3em 0;
|
padding: 0.3em 0;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.chatroom-features {
|
|
||||||
bottom: 0.5em;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
&.feature {
|
||||||
|
font-size: $font-size-small;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.chatroom-features {
|
||||||
|
width: 100%;
|
||||||
.feature {
|
.feature {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
|
@ -175,7 +189,8 @@
|
||||||
|
|
||||||
&.occupant-list {
|
&.occupant-list {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@include calc(height, '100% - 220px');
|
flex-basis: 0;
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
&.features-list {
|
&.features-list {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
|
@ -371,7 +371,6 @@
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border-radius: $chatbox-border-radius;
|
border-radius: $chatbox-border-radius;
|
||||||
|
|
||||||
|
|
|
@ -45,20 +45,10 @@
|
||||||
.occupants-heading {
|
.occupants-heading {
|
||||||
font-size: $font-size-large;
|
font-size: $font-size-large;
|
||||||
}
|
}
|
||||||
.chatroom-features {
|
|
||||||
bottom: $padding;
|
|
||||||
}
|
|
||||||
ul {
|
ul {
|
||||||
&.occupant-list {
|
&.occupant-list {
|
||||||
@include calc(height, '100% - 212px');
|
|
||||||
li {
|
li {
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
&.feature {
|
|
||||||
font-size: $font-size-small;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,10 +2,6 @@
|
||||||
#controlbox {
|
#controlbox {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
.controlbox-panes {
|
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.controlbox-pane {
|
.controlbox-pane {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user