mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-06 13:17:41 +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>
|
||||
|
||||
|
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