mirror of
				https://github.com/gyurix1968/guacamole-client.git
				synced 2025-10-31 09:03:21 +00:00 
			
		
		
		
	GUACAMOLE-5: Add share icon.
This commit is contained in:
		
							
								
								
									
										58
									
								
								guacamole/src/main/webapp/app/client/styles/share-menu.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										58
									
								
								guacamole/src/main/webapp/app/client/styles/share-menu.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,58 @@ | ||||
| /* | ||||
|  * Licensed to the Apache Software Foundation (ASF) under one | ||||
|  * or more contributor license agreements.  See the NOTICE file | ||||
|  * distributed with this work for additional information | ||||
|  * regarding copyright ownership.  The ASF licenses this file | ||||
|  * to you 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. | ||||
|  */ | ||||
|  | ||||
| .share-menu { | ||||
|  | ||||
|     /* IE10 */ | ||||
|     display: -ms-flexbox; | ||||
|     -ms-flex-align: stretch; | ||||
|     -ms-flex-direction: row; | ||||
|  | ||||
|     /* Ancient Mozilla */ | ||||
|     display: -moz-box; | ||||
|     -moz-box-align: stretch; | ||||
|     -moz-box-orient: horizontal; | ||||
|  | ||||
|     /* Ancient WebKit */ | ||||
|     display: -webkit-box; | ||||
|     -webkit-box-align: stretch; | ||||
|     -webkit-box-orient: horizontal; | ||||
|  | ||||
|     /* Old WebKit */ | ||||
|     display: -webkit-flex; | ||||
|     -webkit-align-items: stretch; | ||||
|     -webkit-flex-direction: row; | ||||
|  | ||||
|     /* W3C */ | ||||
|     display: flex; | ||||
|     align-items: stretch; | ||||
|     flex-direction: row; | ||||
|  | ||||
| } | ||||
|  | ||||
| .share-menu .menu-dropdown .menu-title { | ||||
|  | ||||
|     padding-left: 2em; | ||||
|  | ||||
|     background-repeat: no-repeat; | ||||
|     background-size: 1em; | ||||
|     background-position: 0.5em center; | ||||
|     background-image: url('images/share.png'); | ||||
|  | ||||
| } | ||||
| @@ -43,11 +43,13 @@ | ||||
|             <!-- Stationary header --> | ||||
|             <div class="header"> | ||||
|                 <h2>{{client.name}}</h2> | ||||
|                 <guac-menu title="'CLIENT.ACTION_SHARE' | translate" ng-show="canShareConnection()"> | ||||
|                     <ul ng-repeat="sharingProfile in sharingProfiles"> | ||||
|                         <li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li> | ||||
|                     </ul> | ||||
|                 </guac-menu> | ||||
|                 <div class="share-menu" ng-show="canShareConnection()"> | ||||
|                     <guac-menu title="'CLIENT.ACTION_SHARE' | translate"> | ||||
|                         <ul ng-repeat="sharingProfile in sharingProfiles"> | ||||
|                             <li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li> | ||||
|                         </ul> | ||||
|                     </guac-menu> | ||||
|                 </div> | ||||
|                 <guac-user-menu local-actions="clientMenuActions"></guac-user-menu> | ||||
|             </div> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user