riot-themes

A Repo containing various custom Themes
git clone git://archive.git.mtrnord.blog/Nordgedanken/riot-themes.git
Log | Files | Refs | README | LICENSE

_MemberList.scss (2208B)

      1 /*
      2 Copyright 2015, 2016 OpenMarket Ltd
      3 Copyright 2017 MTRNord <info@nordgedanken.de>
      4 
      5 Licensed under the Apache License, Version 2.0 (the "License");
      6 you may not use this file except in compliance with the License.
      7 You may obtain a copy of the License at
      8 
      9     http://www.apache.org/licenses/LICENSE-2.0
     10 
     11 Unless required by applicable law or agreed to in writing, software
     12 distributed under the License is distributed on an "AS IS" BASIS,
     13 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     14 See the License for the specific language governing permissions and
     15 limitations under the License.
     16 */
     17 
     18 .mx_MemberList {
     19   height: 100%;
     20 
     21   margin-top: 12px;
     22   margin-right: 20px;
     23 
     24   flex: 1;
     25 
     26   display: flex;
     27 
     28   flex-direction: column;
     29 }
     30 
     31 .mx_MemberList .mx_Spinner {
     32   flex: 0 0 auto;
     33 }
     34 
     35 .mx_MemberList_chevron {
     36   position: absolute;
     37   right: 35px;
     38   margin-top: -15px;
     39 }
     40 
     41 .mx_MemberList_border {
     42   overflow-y: auto;
     43 
     44   order: 1;
     45   flex: 1 1 0px;
     46 }
     47 
     48 .mx_MemberList_query {
     49   font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
     50   border-radius: 3px;
     51   border: 1px solid $input-border-color;
     52   padding: 9px;
     53   color: $primary-fg-color;
     54   background-color: $primary-bg-color;
     55   margin-left: 3px;
     56   font-size: 14px;
     57   margin-bottom: 8px;
     58   width: 189px;
     59 
     60   box-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
     61   &:focus {
     62       box-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
     63   }
     64 }
     65 
     66 .mx_MemberList_query::-moz-placeholder {
     67   color: $primary-fg-color;
     68   opacity: 0.5;
     69   font-size: 14px;
     70 }
     71 
     72 .mx_MemberList_query::-webkit-input-placeholder {
     73   color: $primary-fg-color;
     74   opacity: 0.5;
     75   font-size: 14px;
     76 }
     77 
     78 .mx_MemberList_joined {
     79   order: 2;
     80   flex: 1 0 0;
     81 
     82   overflow-y: auto;
     83 }
     84 
     85 /*
     86 .mx_MemberList_invited {
     87     order: 3;
     88     flex: 0 0 100px;
     89     overflow-y: auto;
     90 }
     91 */
     92 
     93 .mx_MemberList_invited h2 {
     94   text-transform: uppercase;
     95   color: $h3-color;
     96   font-weight: 600;
     97   font-size: 13px;
     98   padding-left: 3px;
     99   padding-right: 12px;
    100   margin-top: 8px;
    101   margin-bottom: 4px;
    102 }
    103 
    104 /* we have to have display: table in order for the horizontal wrapping to work */
    105 .mx_MemberList_wrapper {
    106   display: table;
    107   table-layout: fixed;
    108   width: 100%;
    109 }
    110 
    111 .mx_MemberList_outerWrapper {
    112   height: 0px;
    113 }