riot-themes

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

_RightPanel.scss (2754B)

      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_RightPanel {
     19   position: relative;
     20 
     21   display: flex;
     22   flex-direction: column;
     23 
     24   padding-left: 10px;
     25   box-shadow: 1px 4px 10px 6px rgba(0, 0, 0, 0.1);
     26   border-top-left-radius: 7px;
     27   border-bottom-left-radius: 7px;
     28 }
     29 
     30 .mx_RightPanel_header {
     31   order: 1;
     32 
     33   border-bottom: 1px solid $primary-hairline-color;
     34   margin-right: 20px;
     35 
     36   flex: 0 0 70px;
     37 }
     38 
     39 /** Fixme - factor this out with the main header **/
     40 
     41 .mx_RightPanel_headerButtonGroup {
     42   margin-top: 6px;
     43   display: flex;
     44   width: 100%;
     45   background-color: $primary-bg-color;
     46   margin-left: 0px;
     47 }
     48 
     49 .mx_RightPanel_headerButton {
     50   cursor: pointer;
     51   flex: 0 0 auto;
     52   vertical-align: top;
     53   padding-left: 4px;
     54   padding-right: 5px;
     55   text-align: center;
     56   position: relative;
     57 }
     58 
     59 .mx_RightPanel_headerButton object {
     60   pointer-events: none;
     61   padding-bottom: 3px;
     62 }
     63 
     64 .mx_RightPanel_headerButton_highlight {
     65   width: 25px;
     66   height: 5px;
     67   border-radius: 5px;
     68   background-color: $accent-color;
     69   opacity: 0.2;
     70 }
     71 
     72 .mx_RightPanel_headerButton_badge {
     73   font-size: 11px;
     74   color: $accent-color;
     75   font-weight: bold;
     76   padding-bottom: 2px;
     77 }
     78 
     79 .mx_RightPanel_collapsebutton {
     80   flex: 1;
     81   text-align: right;
     82   margin-top: 20px;
     83 }
     84 
     85 .mx_RightPanel .mx_MemberList,
     86 .mx_RightPanel .mx_MemberInfo,
     87 .mx_RightPanel_blank {
     88   order: 2;
     89   flex: 1 1 0;
     90 }
     91 
     92 .mx_RightPanel_footer {
     93   order: 3;
     94 
     95   margin-right: 20px;
     96 
     97   flex: 0 0 60px;
     98 
     99   box-shadow: 0 -5px 5px -1px rgba(0, 0, 0, 0.1);
    100 }
    101 
    102 .mx_RightPanel_footer .mx_RightPanel_invite {
    103   line-height: 35px;
    104   font-size: 14px;
    105   color: $primary-fg-color;
    106   padding-top: 13px;
    107   padding-left: 5px;
    108   cursor: pointer;
    109 }
    110 
    111 .collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
    112   display: none;
    113 }
    114 
    115 .mx_RightPanel_invite .mx_RightPanel_icon {
    116   display: inline-block;
    117 }
    118 
    119 .mx_RightPanel_invite .mx_RightPanel_icon object {
    120   pointer-events: none;
    121 }
    122 
    123 .mx_RightPanel_invite .mx_RightPanel_message {
    124   display: inline-block;
    125   vertical-align: top;
    126   padding-left: 10px
    127 }
    128 
    129 .mx_MatrixChat_useCompactLayout {
    130   .mx_RightPanel_footer {
    131     flex: 0 0 50px;
    132   }
    133 
    134   .mx_RightPanel_footer .mx_RightPanel_invite {
    135     line-height: 25px;
    136     padding-top: 8px;
    137   }
    138 }