riot-themes

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

_LeftPanel.scss (2726B)

      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_LeftPanel {
     19   position: relative;
     20 
     21   display: flex;
     22   flex-direction: column;
     23 
     24   box-shadow: 0 4px 10px 6px rgba(0, 0, 0, 0.1);
     25   border-top-right-radius: 5px;
     26   border-bottom-right-radius: 5px;
     27 }
     28 
     29 .mx_LeftPanel_hideButton {
     30   position: absolute;
     31   top: 10px;
     32   right: 0px;
     33   padding: 8px;
     34   cursor: pointer;
     35 }
     36 
     37 .mx_LeftPanel_callView {
     38 
     39 }
     40 
     41 .mx_LeftPanel .mx_RoomList_scrollbar {
     42   order: 1;
     43 
     44   flex: 1 1 0;
     45 
     46   overflow-y: auto;
     47   z-index: 6;
     48 }
     49 
     50 .mx_LeftPanel.collapsed .mx_BottomLeftMenu {
     51   flex: 0 0 160px;
     52 }
     53 
     54 .mx_LeftPanel .mx_BottomLeftMenu {
     55   order: 3;
     56 
     57   border-top: 1px solid rgba(118, 207, 166, 0.2);
     58   margin-left: 16px; /* gutter */
     59   margin-right: 16px; /* gutter */
     60   flex: 0 0 60px;
     61   z-index: 1;
     62 }
     63 
     64 .mx_LeftPanel .mx_BottomLeftMenu_options {
     65   margin-top: 18px;
     66 }
     67 
     68 .mx_BottomLeftMenu_options object {
     69   pointer-events: none;
     70 }
     71 
     72 .mx_LeftPanel .mx_BottomLeftMenu_homePage,
     73 .mx_LeftPanel .mx_BottomLeftMenu_directory,
     74 .mx_LeftPanel .mx_BottomLeftMenu_createRoom,
     75 .mx_LeftPanel .mx_BottomLeftMenu_people,
     76 .mx_LeftPanel .mx_BottomLeftMenu_settings {
     77   display: inline-block;
     78   cursor: pointer;
     79 }
     80 
     81 .collapsed .mx_BottomLeftMenu_homePage,
     82 .collapsed .mx_BottomLeftMenu_directory,
     83 .collapsed .mx_BottomLeftMenu_createRoom,
     84 .collapsed .mx_BottomLeftMenu_people,
     85 .collapsed .mx_BottomLeftMenu_settings {
     86   margin-right: 0px ! important;
     87   padding-top: 3px ! important;
     88   padding-bottom: 3px ! important;
     89 }
     90 
     91 .mx_LeftPanel .mx_BottomLeftMenu_homePage,
     92 .mx_LeftPanel .mx_BottomLeftMenu_directory,
     93 .mx_LeftPanel .mx_BottomLeftMenu_createRoom,
     94 .mx_LeftPanel .mx_BottomLeftMenu_people {
     95   margin-right: 10px;
     96 }
     97 
     98 .mx_LeftPanel .mx_BottomLeftMenu_settings {
     99   float: right;
    100 }
    101 
    102 .mx_LeftPanel.collapsed .mx_BottomLeftMenu_settings {
    103   float: none;
    104 }
    105 
    106 .mx_LeftPanel .mx_BottomLeftMenu_tooltip {
    107   display: inline-block;
    108   position: relative;
    109   top: -25px;
    110   left: 6px;
    111 }
    112 
    113 .mx_MatrixChat_useCompactLayout {
    114   .mx_LeftPanel .mx_BottomLeftMenu {
    115     flex: 0 0 50px;
    116   }
    117 
    118   .mx_LeftPanel.collapsed .mx_BottomLeftMenu {
    119     flex: 0 0 160px;
    120   }
    121 
    122   .mx_LeftPanel .mx_BottomLeftMenu_options {
    123     margin-top: 12px;
    124   }
    125 }