Improve style of notice/alert messages (#8973)
This commit is contained in:
		
					parent
					
						
							
								7d182442a7
							
						
					
				
			
			
				commit
				
					
						b972478812
					
				
			
		
					 2 changed files with 12 additions and 15 deletions
				
			
		|  | @ -286,20 +286,6 @@ | ||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .flash-message { |  | ||||||
|   box-shadow: none; |  | ||||||
| 
 |  | ||||||
|   &.notice { |  | ||||||
|     background: rgba($success-green, 0.5); |  | ||||||
|     color: lighten($success-green, 12%); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   &.alert { |  | ||||||
|     background: rgba($error-red, 0.5); |  | ||||||
|     color: lighten($error-red, 12%); |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .simple_form, | .simple_form, | ||||||
| .table-form { | .table-form { | ||||||
|   .warning { |   .warning { | ||||||
|  |  | ||||||
|  | @ -460,9 +460,20 @@ code { | ||||||
|   border-radius: 4px; |   border-radius: 4px; | ||||||
|   padding: 15px 10px; |   padding: 15px 10px; | ||||||
|   margin-bottom: 30px; |   margin-bottom: 30px; | ||||||
|   box-shadow: 0 0 5px rgba($base-shadow-color, 0.2); |  | ||||||
|   text-align: center; |   text-align: center; | ||||||
| 
 | 
 | ||||||
|  |   &.notice { | ||||||
|  |     border: 1px solid rgba($valid-value-color, 0.5); | ||||||
|  |     background: rgba($valid-value-color, 0.25); | ||||||
|  |     color: $valid-value-color; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   &.alert { | ||||||
|  |     border: 1px solid rgba($error-value-color, 0.5); | ||||||
|  |     background: rgba($error-value-color, 0.25); | ||||||
|  |     color: $error-value-color; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   p { |   p { | ||||||
|     margin-bottom: 15px; |     margin-bottom: 15px; | ||||||
|   } |   } | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue