mirror of https://github.com/vector-im/riot-web
				
				
				
			
		
			
				
	
	
		
			66 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			66 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Plaintext
		
	
	
| /*
 | |
| Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
 | |
| 
 | |
| Licensed under the Apache License, Version 2.0 (the "License");
 | |
| you may not use this file except in compliance with the License.
 | |
| You may obtain a copy of the License at
 | |
| 
 | |
|     http://www.apache.org/licenses/LICENSE-2.0
 | |
| 
 | |
| Unless required by applicable law or agreed to in writing, software
 | |
| distributed under the License is distributed on an "AS IS" BASIS,
 | |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | |
| See the License for the specific language governing permissions and
 | |
| limitations under the License.
 | |
| */
 | |
| 
 | |
| .mx_EventTileBubble.mx_cryptoEvent {
 | |
|     margin: var(--EventTileBubble_margin-block) auto;
 | |
| 
 | |
|     /* white infill for the transparency */
 | |
|     &.mx_cryptoEvent_icon::before {
 | |
|         background-color: #ffffff;
 | |
|         mask-image: url("$(res)/img/e2e/normal.svg");
 | |
|         mask-repeat: no-repeat;
 | |
|         mask-position: center;
 | |
|         mask-size: 80%;
 | |
|     }
 | |
| 
 | |
|     &.mx_cryptoEvent_icon::after {
 | |
|         mask-image: url("$(res)/img/e2e/normal.svg");
 | |
|         background-color: $header-panel-text-primary-color;
 | |
|     }
 | |
| 
 | |
|     &.mx_cryptoEvent_icon_verified::after {
 | |
|         mask-image: url("$(res)/img/e2e/verified.svg");
 | |
|         background-color: $accent;
 | |
|     }
 | |
| 
 | |
|     &.mx_cryptoEvent_icon_warning::after {
 | |
|         mask-image: url("$(res)/img/e2e/warning.svg");
 | |
|         background-color: $e2e-warning-color;
 | |
|     }
 | |
| 
 | |
|     .mx_cryptoEvent_state,
 | |
|     .mx_cryptoEvent_buttons {
 | |
|         grid-column: 3;
 | |
|         grid-row: 1 / 3;
 | |
|     }
 | |
| 
 | |
|     .mx_cryptoEvent_buttons {
 | |
|         align-items: center;
 | |
|         display: flex;
 | |
|         gap: 5px;
 | |
|     }
 | |
| 
 | |
|     .mx_cryptoEvent_state {
 | |
|         width: 130px;
 | |
|         padding: 10px 20px;
 | |
|         margin: auto 0;
 | |
|         text-align: center;
 | |
|         color: $tertiary-content;
 | |
|         overflow-wrap: break-word;
 | |
|         font-size: $font-12px;
 | |
|     }
 | |
| }
 |