mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-07 05:31:22 +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 -->
|
<!-- Stationary header -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<h2>{{client.name}}</h2>
|
<h2>{{client.name}}</h2>
|
||||||
<guac-menu title="'CLIENT.ACTION_SHARE' | translate" ng-show="canShareConnection()">
|
<div class="share-menu" ng-show="canShareConnection()">
|
||||||
<ul ng-repeat="sharingProfile in sharingProfiles">
|
<guac-menu title="'CLIENT.ACTION_SHARE' | translate">
|
||||||
<li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li>
|
<ul ng-repeat="sharingProfile in sharingProfiles">
|
||||||
</ul>
|
<li><a ng-click="share(sharingProfile)">{{sharingProfile.name}}</a></li>
|
||||||
</guac-menu>
|
</ul>
|
||||||
|
</guac-menu>
|
||||||
|
</div>
|
||||||
<guac-user-menu local-actions="clientMenuActions"></guac-user-menu>
|
<guac-user-menu local-actions="clientMenuActions"></guac-user-menu>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
BIN
guacamole/src/main/webapp/images/share.png
Normal file
BIN
guacamole/src/main/webapp/images/share.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
Reference in New Issue
Block a user