mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

Experimental UI for filtering users by groups

Browse source
This commit is contained in:
Luke Barnard 2017-06-16 18:30:55 +01:00
parent 2c186aafae
commit 4bb7364f32
2 changed files with 49 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss
View file

@ -35,7 +35,7 @@ limitations under the License.
} }
.mx_ChatInviteDialog .mx_Dialog_content { .mx_ChatInviteDialog .mx_Dialog_content {
min-height: 50px min-height: 100px
} }
.mx_ChatInviteDialog_inputContainer { .mx_ChatInviteDialog_inputContainer {

54
src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss
View file

@ -14,20 +14,62 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_AddressSelector {
.mx_AddressSelector_container {
position: absolute; position: absolute;
border-radius: 3px;
border: solid 1px $accent-color;
background-color: $primary-bg-color;
}
.mx_AddressSelector_container.mx_AddressSelector_empty {
display: none;
}
.mx_AddressSelector {
background-color: $primary-bg-color; background-color: $primary-bg-color;
width: 485px; width: 485px;
max-height: 116px; max-height: 116px;
overflow-y: auto; overflow-y: auto;
border-radius: 3px;
background-color: $primary-bg-color;
border: solid 1px $accent-color;
cursor: pointer; cursor: pointer;
} }
.mx_AddressSelector.mx_AddressSelector_empty { .mx_AddressSelector_filter_dropdown {
display: none; border-top: 1px solid $primary-hairline-color;
cursor: pointer;
/* So that the _chevron is positioned relative to this */
position: relative;
}
.mx_AddressSelector_filter_dropdown_header {
padding: 5px;
}
.mx_AddressSelector_filter_dropdown_expanded {
overflow-y: auto;
max-height: 50px;
}
.mx_AddressSelector_filter_dropdown_tile {
padding: 3px;
border-bottom: 1px solid $primary-hairline-color;
}
.mx_AddressSelector_filter_dropdown_tile input[type=checkbox] {
float: right;
}
.mx_AddressSelector_filter_dropdown_chevron {
border-color: #454545 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
display: block;
height: 0;
position: absolute;
right: 10px;
top: 14px;
width: 0;
} }
.mx_AddressSelector_addressListElement .mx_AddressTile { .mx_AddressSelector_addressListElement .mx_AddressTile {