From c2c4d613d82f4cf45321da3b7ca26dd2a1d6d442 Mon Sep 17 00:00:00 2001 From: brantje Date: Sun, 13 Aug 2017 14:23:23 +0200 Subject: Add icons to credentials --- css/app.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) (limited to 'css/app.css') diff --git a/css/app.css b/css/app.css index cddac936..a78c3538 100644 --- a/css/app.css +++ b/css/app.css @@ -764,6 +764,68 @@ .btn-danger { color: #fff; } +.icon-label { + overflow: hidden; } + .icon-label input { + width: calc(100% - 45px) !important; + float: left; + background: #fff; + color: #555; + cursor: text; + font-family: inherit; + border: 1px solid #ddd; + outline: none; + border-radius: 3px; + margin: 3px 3px 3px 0; + padding: 7px 6px 5px; + font-size: 13px; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + background-clip: padding-box; } + .icon-label .icon-picker { + float: left; + margin-top: 3px; + margin-left: -3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + background-clip: padding-box; } + .icon-label .icon-picker .cell { + padding: 7px 12px 2px 12px; + display: inline-block; + font-size: 14px; + border: 1px solid #ddd; + background-color: #eaeaea; + cursor: pointer; + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + background-clip: padding-box; } + .icon-label .icon-picker .cell img { + height: 16px; } + .icon-label .icon-picker .cell:hover { + color: #0066ff; } + +#iconPicker .iconList { + float: left; + width: 60%; + max-height: 310px; + overflow: auto; } + #iconPicker .iconList .icon { + padding: 10px; + cursor: pointer; + float: left; } + #iconPicker .iconList .icon img { + cursor: pointer; } +#iconPicker .iconModifier { + margin-left: 10px; + float: right; + width: calc(40% - 10px); } + /** * Nextcloud - passman * @@ -984,4 +1046,7 @@ input[type="checkbox"] { background-color: #f2dede; border-color: #ebccd1; } +.ui-button.ui-widget { + min-height: unset !important; } + /*# sourceMappingURL=app.css.map */ -- cgit v1.2.3