riot-themes

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

_RoomDirectory.scss (2539B)

      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_RoomDirectory {
     19   max-width: 960px;
     20   width: 100%;
     21   margin-left: auto;
     22   margin-right: auto;
     23   margin-bottom: 12px;
     24   color: $primary-fg-color;
     25   word-break: break-word;
     26 
     27   display: flex;
     28 
     29   flex-direction: column;
     30 }
     31 
     32 .mx_RoomDirectory .mx_RoomHeader_simpleHeader {
     33   margin-left: 0px;
     34 }
     35 
     36 .mx_RoomDirectory_list {
     37   flex: 1;
     38 
     39   display: flex;
     40 
     41   flex-direction: column;
     42 }
     43 
     44 .mx_RoomDirectory_list .mx_RoomView_messageListWrapper {
     45   justify-content: flex-start;
     46 }
     47 
     48 .mx_RoomDirectory_listheader {
     49   display: table;
     50   table-layout: fixed;
     51   width: 100%;
     52   margin-top: 12px;
     53   margin-bottom: 12px;
     54   border-spacing: 5px;
     55 }
     56 
     57 .mx_RoomDirectory_searchbox {
     58   display: table-cell;
     59   vertical-align: middle;
     60   box-shadow: inset 2px 2px 4px 1px rgba(0,0,0,.1);
     61 }
     62 
     63 .mx_RoomDirectory_listheader .mx_NetworkDropdown {
     64   display: table-cell;
     65   width: 200px;
     66 }
     67 
     68 .mx_RoomDirectory_tableWrapper {
     69   overflow-y: auto;
     70   flex: 1 1 0;
     71 }
     72 
     73 .mx_RoomDirectory_table {
     74   font-size: 14px;
     75   color: $primary-fg-color;
     76   width: 100%;
     77   text-align: left;
     78   table-layout: fixed;
     79 }
     80 
     81 .mx_RoomDirectory_roomAvatar {
     82   width: 24px;
     83   padding-left: 12px;
     84   padding-right: 24px;
     85   vertical-align: top;
     86 }
     87 
     88 .mx_RoomDirectory_roomDescription {
     89   padding-bottom: 16px;
     90 }
     91 
     92 .mx_RoomDirectory_name {
     93   display: inline-block;
     94   font-weight: 600;
     95 }
     96 
     97 .mx_RoomDirectory_perms {
     98   display: inline-block;
     99 }
    100 
    101 .mx_RoomDirectory_perm {
    102   display: inline;
    103   padding-left: 5px;
    104   padding-right: 5px;
    105   height: 15px;
    106   border-radius: 11px;
    107   background-color: $plinth-bg-color;
    108   text-transform: uppercase;
    109   font-weight: 600;
    110   font-size: 11px;
    111   color: $accent-color;
    112 }
    113 
    114 .mx_RoomDirectory_topic {
    115   cursor: initial;
    116 }
    117 
    118 .mx_RoomDirectory_alias {
    119   font-size: 12px;
    120   color: $settings-grey-fg-color;
    121 }
    122 
    123 .mx_RoomDirectory_roomMemberCount {
    124   text-align: right;
    125   width: 100px;
    126   padding-right: 10px;
    127 }
    128 
    129 .mx_RoomDirectory_table tr {
    130   padding-bottom: 10px;
    131   cursor: pointer;
    132 }