move QuotePreview CSS out to own file

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2017-12-12 23:40:02 +00:00
parent 54a9ccdee7
commit 4bc99b7f01
No known key found for this signature in database
GPG Key ID: 3F879DA5AD802A5E
3 changed files with 39 additions and 27 deletions

View File

@ -70,6 +70,7 @@
@import "./matrix-react-sdk/views/rooms/_RoomTile.scss";
@import "./matrix-react-sdk/views/rooms/_SearchableEntityList.scss";
@import "./matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss";
@import "./matrix-react-sdk/views/rooms/_QuotePreview.scss";
@import "./matrix-react-sdk/views/settings/_DevicesPanel.scss";
@import "./matrix-react-sdk/views/settings/_IntegrationsManager.scss";
@import "./matrix-react-sdk/views/voip/_CallView.scss";

View File

@ -11,20 +11,7 @@
overflow: auto
}
.mx_Quoting {
position: absolute;
bottom: 0;
z-index: 1000;
width: 100%;
border: 1px solid $primary-hairline-color;
background: $primary-bg-color;
border-bottom: none;
border-radius: 4px 4px 0 0;
max-height: 50vh;
overflow: auto
}
.mx_Autocomplete_ProviderSection, .mx_Quoting_section {
.mx_Autocomplete_ProviderSection {
border-bottom: 1px solid $primary-hairline-color;
}
@ -87,25 +74,13 @@
outline: none;
}
.mx_Autocomplete_provider_name, .mx_Quoting_header {
.mx_Autocomplete_provider_name {
margin: 12px;
color: $primary-fg-color;
font-weight: 400;
opacity: 0.4;
}
.mx_Quoting_title {
float: left;
}
.mx_Quoting_cancel {
float: right;
}
.mx_Quoting_clear {
clear: both;
}
/* styling for common completion elements */
.mx_Autocomplete_Completion_subtitle {
font-style: italic;
@ -115,3 +90,4 @@
.mx_Autocomplete_Completion_description {
color: gray;
}

View File

@ -0,0 +1,35 @@
.mx_QuotePreview {
position: absolute;
bottom: 0;
z-index: 1000;
width: 100%;
border: 1px solid $primary-hairline-color;
background: $primary-bg-color;
border-bottom: none;
border-radius: 4px 4px 0 0;
max-height: 50vh;
overflow: auto
}
.mx_QuotePreview_section {
border-bottom: 1px solid $primary-hairline-color;
}
.mx_QuotePreview_header {
margin: 12px;
color: $primary-fg-color;
font-weight: 400;
opacity: 0.4;
}
.mx_QuotePreview_title {
float: left;
}
.mx_QuotePreview_cancel {
float: right;
}
.mx_QuotePreview_clear {
clear: both;
}