Move converse-dropdown
styles in separate file
And add some tweaks
This commit is contained in:
parent
55146820e3
commit
c961615609
@ -191,15 +191,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown { /* status dropdown styles */
|
|
||||||
background-color: var(--light-background-color);
|
|
||||||
dd {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dragresize {
|
.dragresize {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -69,12 +69,6 @@
|
|||||||
.chatbox-title--no-desc {
|
.chatbox-title--no-desc {
|
||||||
padding: 0.5rem 0.75rem;
|
padding: 0.5rem 0.75rem;
|
||||||
}
|
}
|
||||||
converse-dropdown {
|
|
||||||
.btn--standalone {
|
|
||||||
padding: 0 0.2em;
|
|
||||||
margin: 0 0 0 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5,6 +5,8 @@ import { html } from 'lit';
|
|||||||
import { until } from 'lit/directives/until.js';
|
import { until } from 'lit/directives/until.js';
|
||||||
import DropdownBase from 'shared/components/dropdownbase.js';
|
import DropdownBase from 'shared/components/dropdownbase.js';
|
||||||
|
|
||||||
|
import './styles/dropdown.scss';
|
||||||
|
|
||||||
|
|
||||||
export default class Dropdown extends DropdownBase {
|
export default class Dropdown extends DropdownBase {
|
||||||
|
|
||||||
|
40
src/shared/components/styles/dropdown.scss
Normal file
40
src/shared/components/styles/dropdown.scss
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
@import "bootstrap/scss/functions";
|
||||||
|
@import "bootstrap/scss/variables";
|
||||||
|
@import "bootstrap/scss/mixins";
|
||||||
|
|
||||||
|
.conversejs {
|
||||||
|
@import "bootstrap/scss/dropdown";
|
||||||
|
converse-dropdown {
|
||||||
|
&.dropup {
|
||||||
|
&.dropup--left {
|
||||||
|
.dropdown-menu {
|
||||||
|
right: 100%;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn--standalone {
|
||||||
|
padding: 0 0.2em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
margin-top: -0.2em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
.fa {
|
||||||
|
width: 1.25em;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
&:active, &.selected {
|
||||||
|
color: white !important;
|
||||||
|
background-color: var(--list-item-open-color);
|
||||||
|
.fa {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -10,15 +10,6 @@
|
|||||||
direction: ltr;
|
direction: ltr;
|
||||||
z-index: 1031; // One more than bootstrap navbar
|
z-index: 1031; // One more than bootstrap navbar
|
||||||
|
|
||||||
.dropup {
|
|
||||||
&.dropup--left {
|
|
||||||
.dropdown-menu {
|
|
||||||
right: 100%;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:disabled {
|
textarea:disabled {
|
||||||
background-color: #EEE !important;
|
background-color: #EEE !important;
|
||||||
}
|
}
|
||||||
@ -121,21 +112,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
.fa {
|
|
||||||
width: 1.25em;
|
|
||||||
margin-right: 0.75rem;
|
|
||||||
}
|
|
||||||
&:active, &.selected {
|
|
||||||
color: white !important;
|
|
||||||
background-color: var(--list-item-open-color);
|
|
||||||
.fa {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover {
|
.popover {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
@ -18,6 +18,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
converse-icon {
|
converse-icon {
|
||||||
|
display: inline-block;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user