_RoomSettings.scss (5078B)
1 /* 2 Copyright 2015, 2016 OpenMarket Ltd 3 Copyright 2017 Vector Creations Ltd 4 Copyright 2017 MTRNord <info@nordgedanken.de> 5 6 Licensed under the Apache License, Version 2.0 (the "License"); 7 you may not use this file except in compliance with the License. 8 You may obtain a copy of the License at 9 10 http://www.apache.org/licenses/LICENSE-2.0 11 12 Unless required by applicable law or agreed to in writing, software 13 distributed under the License is distributed on an "AS IS" BASIS, 14 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 See the License for the specific language governing permissions and 16 limitations under the License. 17 */ 18 19 .mx_RoomSettings { 20 margin-left: 65px; 21 margin-bottom: 20px; 22 } 23 24 .mx_RoomSettings_leaveButton, 25 .mx_RoomSettings_unbanButton, 26 .mx_RoomSettings_integrationsButton, 27 .mx_RoomSettings_integrationsButton_error { 28 position: relative; 29 height: 36px; 30 background-color: $accent-color; 31 border-radius: 36px; 32 margin-right: 8px; 33 color: $accent-fg-color; 34 line-height: 34px; 35 text-align: center; 36 cursor: pointer; 37 padding-left: 12px; 38 padding-right: 12px; 39 } 40 .mx_RoomSettings_leaveButton, 41 .mx_RoomSettings_integrationsButton, 42 .mx_RoomSettings_integrationsButton_error { 43 float: right; 44 } 45 .mx_RoomSettings_integrationsButton_error { 46 pointer: not-allowed; 47 } 48 .mx_RoomSettings_integrationsButton_errorPopup { 49 position: absolute; 50 top: 110%; 51 left: -26%; 52 width: 150%; 53 padding: 2%; 54 font-size: 10pt; 55 line-height: 1.5em; 56 border-radius: 5px; 57 background-color: $accent-color; 58 color: $accent-fg-color; 59 } 60 .mx_RoomSettings_unbanButton { 61 display: inline; 62 } 63 64 .mx_RoomSettings_e2eIcon { 65 padding-left: 4px; 66 padding-right: 7px; 67 } 68 69 .mx_RoomSettings_leaveButton { 70 margin-right: 32px; 71 } 72 73 .mx_RoomSettings_powerLevels { 74 display: table; 75 } 76 77 .mx_RoomSettings_powerLevel { 78 display: table-row; 79 } 80 81 .mx_RoomSettings_powerLevelKey, 82 .mx_RoomSettings_powerLevel .mx_PowerSelector { 83 display: table-cell; 84 padding-bottom: 5px; 85 } 86 87 .mx_RoomSettings_powerLevelKey { 88 text-align: right; 89 padding-right: 0.3em; 90 } 91 92 .mx_RoomSettings h3 { 93 text-transform: uppercase; 94 color: $h3-color; 95 font-weight: 600; 96 font-size: 13px; 97 margin-top: 36px; 98 margin-bottom: 10px; 99 } 100 101 .mx_RoomSettings .mx_RoomSettings_toggles label { 102 margin-bottom: 8px; 103 display: block; 104 } 105 106 .mx_RoomSettings .mx_RoomSettings_toggles input[type="checkbox"], 107 .mx_RoomSettings .mx_RoomSettings_toggles input[type="radio"] { 108 margin-right: 7px; 109 } 110 111 .mx_RoomSettings .mx_RoomSettings_tags input[type="checkbox"] { 112 margin-left: 1em; 113 margin-right: 7px; 114 } 115 116 .mx_RoomSettings .mx_RoomSettings_tags { 117 margin-bottom: 8px; 118 } 119 120 .mx_RoomSettings .mx_RoomSettings_roomColor { 121 display: inline-block; 122 position: relative; 123 width: 37px; 124 height: 37px; 125 border: 1px solid #979797; 126 margin-right: 13px; 127 cursor: pointer; 128 } 129 130 .mx_RoomSettings .mx_RoomSettings_roomColor_selected { 131 position: absolute; 132 left: 10px; 133 top: 4px; 134 cursor: default ! important; 135 } 136 137 .mx_RoomSettings .mx_RoomSettings_roomColorPrimary { 138 height: 10px; 139 position: absolute; 140 bottom: 0px; 141 width: 100%; 142 } 143 144 .mx_RoomSettings .mx_RoomSettings_aliasLabel { 145 margin-bottom: 8px; 146 } 147 148 .mx_RoomSettings .mx_RoomSettings_aliasesTable { 149 margin-top: 12px; 150 margin-bottom: 0px; 151 margin-left: 56px; 152 display: table; 153 } 154 155 .mx_RoomSettings .mx_RoomSettings_aliasesTableRow { 156 display: table-row; 157 margin-bottom: 16px; 158 } 159 160 .mx_RoomSettings .mx_RoomSettings_alias { 161 max-width: 400px; 162 margin-bottom: 16px; 163 /* 164 commented out so margin applies 165 display: table-cell; */ 166 } 167 168 .mx_RoomSettings .mx_RoomSettings_addAlias, 169 .mx_RoomSettings .mx_RoomSettings_deleteAlias { 170 display: table-cell; 171 padding-left: 0.5em; 172 position: relative; 173 cursor: pointer; 174 } 175 176 .mx_RoomSettings .mx_RoomSettings_addAlias img, 177 .mx_RoomSettings .mx_RoomSettings_deleteAlias img { 178 visibility: hidden; 179 } 180 181 .mx_RoomSettings .mx_RoomSettings_aliasesTableRow:hover .mx_RoomSettings_addAlias img, 182 .mx_RoomSettings .mx_RoomSettings_aliasesTableRow:hover .mx_RoomSettings_deleteAlias img { 183 visibility: visible; 184 } 185 186 .mx_RoomSettings_warning { 187 color: $warning-color; 188 font-weight: bold; 189 margin-top: 8px; 190 margin-bottom: 8px; 191 } 192 193 .mx_RoomSettings_editable { 194 border: 0px; 195 border-bottom: 1px solid $strong-input-border-color; 196 padding: 0px; 197 min-width: 240px; 198 } 199 200 .mx_RoomSettings_editable:focus { 201 border-bottom: 1px solid $accent-color; 202 outline: none; 203 box-shadow: none; 204 } 205 206 .mx_RoomSettings_deleteAlias, 207 .mx_RoomSettings_addAlias { 208 display: table-cell; 209 visibility: visible; 210 } 211 212 .mx_RoomSettings_deleteAlias:hover, 213 .mx_RoomSettings_addAlias:hover { 214 visibility: visible; 215 } 216 217 .mx_RoomSettings_aliasPlaceholder { 218 color: $settings-grey-fg-color; 219 } 220 221 .mx_RoomSettings_buttons { 222 text-align: right; 223 margin-bottom: 16px; 224 } 225 226 .mx_RoomSettings_button { 227 display: inline; 228 border: 0px; 229 height: 36px; 230 border-radius: 36px; 231 font-weight: 400; 232 font-size: 15px; 233 color: $accent-fg-color; 234 background-color: $accent-color; 235 width: auto; 236 margin: auto; 237 padding: 6px; 238 padding-left: 1em; 239 padding-right: 1em; 240 }