PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

move QuotePreview CSS out to own file

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/skins/vector/css/_components.scss
View file

@ -70,6 +70,7 @@
@import "./matrix-react-sdk/views/rooms/_RoomTile.scss"; @import "./matrix-react-sdk/views/rooms/_RoomTile.scss";
@import "./matrix-react-sdk/views/rooms/_SearchableEntityList.scss"; @import "./matrix-react-sdk/views/rooms/_SearchableEntityList.scss";
@import "./matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.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/_DevicesPanel.scss";
@import "./matrix-react-sdk/views/settings/_IntegrationsManager.scss"; @import "./matrix-react-sdk/views/settings/_IntegrationsManager.scss";
@import "./matrix-react-sdk/views/voip/_CallView.scss"; @import "./matrix-react-sdk/views/voip/_CallView.scss";

30
src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss
View file

@ -11,20 +11,7 @@
overflow: auto overflow: auto
} }
.mx_Quoting { .mx_Autocomplete_ProviderSection {
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 {
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
} }
@ -87,25 +74,13 @@
outline: none; outline: none;
} }
.mx_Autocomplete_provider_name, .mx_Quoting_header { .mx_Autocomplete_provider_name {
margin: 12px; margin: 12px;
color: $primary-fg-color; color: $primary-fg-color;
font-weight: 400; font-weight: 400;
opacity: 0.4; opacity: 0.4;
} }
.mx_Quoting_title {
float: left;
}
.mx_Quoting_cancel {
float: right;
}
.mx_Quoting_clear {
clear: both;
}
/* styling for common completion elements */ /* styling for common completion elements */
.mx_Autocomplete_Completion_subtitle { .mx_Autocomplete_Completion_subtitle {
font-style: italic; font-style: italic;
@ -115,3 +90,4 @@
.mx_Autocomplete_Completion_description { .mx_Autocomplete_Completion_description {
color: gray; color: gray;
} }

35
src/skins/vector/css/matrix-react-sdk/views/rooms/_QuotePreview.scss Normal file
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;
}