github/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2026-07-10 08:29:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

[riot-mui] Add css for select and code clean up (#17)

Browse Source
This commit is contained in:
Joxit
2017-10-13 00:27:14 +02:00
parent cce858cbd9
commit a8bede51db
2 changed files with 39 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/style.css
View File

@@ -286,4 +286,25 @@ footer {
width: 100%;
position: fixed;
bottom: 0;
}
.select-padding {
padding: 20px 0;
}
select {
position: relative;
outline: 0;
box-shadow: none;
padding: 0;
width: 100%;
background: 0 0;
border: none;
font-weight: 400;
line-height: 24px;
height: 24px;
border-bottom: 1px solid #2f6975;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

33
src/tags/change.tag
View File

@@ -16,26 +16,29 @@
-->
<change>
<material-popup>
<div class="material-popup-title">Change your Server ?</div>
<div class="material-popup-content">
<select class="mdl-textfield__input mdl-textfield__select" name="server-list" ref="server-list">
<option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option>
</select>
</div>
<div class="material-popup-action">
<material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.change();">Change</material-button>
<material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.close();">Cancel</material-button>
</div>
<div class="material-popup-title">Change your Server ?</div>
<div class="material-popup-content">
<div class="select-padding">
<select class="mdl-textfield__input mdl-textfield__select" name="server-list" ref="server-list">
<option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option>
</select>
</div>
</div>
<div class="material-popup-action">
<material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.change();">Change</material-button>
<material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.close();">Cancel</material-button>
</div>
</material-popup>
</dialog>
<script type="text/javascript">
registryUI.changeTag = registryUI.changeTag || {};
this.one('mount', function () {
registryUI.changeTag.dialog = this.tags['material-popup'];
registryUI.changeTag.dialog.getServerUrl = function() {
return this.refs['server-list'] ? this.refs['server-list'].value : '';
registryUI.changeTag.dialog.getServerUrl = function () {
return this.refs['server-list']
? this.refs['server-list'].value
: '';
};
registryUI.changeTag.dialog.on('updated', function() {
registryUI.changeTag.dialog.on('updated', function () {
if (this.refs['server-list']) {
this.refs['server-list'].value = registryUI.url();
}
@@ -55,4 +58,4 @@
registryUI.changeTag.dialog.close();
};
</script>
</change>
</change>