GUACAMOLE-38: Tweak style and translation issues.

This commit is contained in:
Nick Couchman
2018-05-09 09:54:45 -04:00
parent 2a9c7fe0b7
commit 56cc11e1b9
3 changed files with 10 additions and 6 deletions

View File

@@ -19,26 +19,27 @@
.quickconnect-container {
margin: 0.5em 0;
margin: 0.75em 0;
width: 100%;
margin-left: 0.75em;
}
.quickconnect-container .quickconnect-field {
background-image: url('images/protocol-icons/guac-text.png');
background-repeat: no-repeat;
background-size: 1.75em;
background-size: 1.50em;
background-position: 0.25em center;
background-color: transparent;
padding: 0.5em;
padding-left: 2.25em;
padding: 0.25em;
padding-left: 2.50em;
width: 100%;
max-width: none;
border: 0;
border-left: 1px solid rgba(0,0,0,0.125);
box-sizing: border-box;
}
.quickconnect-button {
clear: both;
float: right;
margin-right: 0.75em;
}

View File

@@ -5,5 +5,7 @@
<input type=text class="quickconnect-field" placeholder="{{'QUICKCONNECT.FIELD_PLACEHOLDER_URI' |translate}}" ng-model="uri" />
</form>
</div>
<button class="quickconnect-button" ng-click="quickConnect()">Connect</button>
<div class="action-buttons">
<button class="quickconnect-button" ng-click="quickConnect()">{{'QUICKCONNECT.ACTION_CONNECT' | translate}}</button>
</div>
</div>

View File

@@ -5,6 +5,7 @@
},
"QUICKCONNECT" : {
"ACTION_CONNECT" : "Connect",
"FIELD_PLACEHOLDER_URI" : "Enter Connection URI"
}