diff options
author | Olivier Paroz <oparoz@users.noreply.github.com> | 2015-09-30 19:45:27 +0300 |
---|---|---|
committer | Olivier Paroz <oparoz@users.noreply.github.com> | 2015-09-30 19:45:27 +0300 |
commit | 83fe7e9b657fcb33d5350105c8f8bdb6468afbe6 (patch) | |
tree | 444a36081729334dd02465a1e2f0fa69196dc0a0 /css | |
parent | 38952d14853329292aa3e157b04a2c03789a825d (diff) | |
parent | bc81b8536be5f0f904dbcfb0f51f77dd5e7223b0 (diff) |
Merge pull request #367 from owncloud/import-legacy-sharedialog
Import legacy share dialog code
Diffstat (limited to 'css')
-rw-r--r-- | css/share.css | 165 | ||||
-rw-r--r-- | css/styles.css | 8 |
2 files changed, 165 insertions, 8 deletions
diff --git a/css/share.css b/css/share.css new file mode 100644 index 00000000..5513cdc4 --- /dev/null +++ b/css/share.css @@ -0,0 +1,165 @@ +/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net + This file is licensed under the Affero General Public License version 3 or later. + See the COPYING-README file. */ + +#dropdown { + background: #eee; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 0; + box-shadow: 0 2px 3px rgba(50, 50, 50, .4); + display: block; + margin-right: 0; + position: absolute; + right: 0; + width: 420px; + z-index: 500; + padding: 16px; + top: 44px; + left: auto; +} + +#dropdown.shareDropDown .unshare.icon-loading-small { + margin-top: 1px; +} + +#dropdown.shareDropDown .shareWithLoading, +#dropdown.shareDropDown .linkShare .icon-loading-small { + display: inline-block !important; + padding-left: 10px; +} +#dropdown.shareDropDown .shareWithLoading { + position: relative; + right: 70px; + top: 2px; +} +#dropdown.shareDropDown .icon-loading-small.hidden { + display: none !important; +} + +#dropdown .shareWithRemoteInfo { + padding: 11px 20px; +} + +#dropdown .avatar { + margin-right: 8px; + display: inline-block; + overflow: hidden; + vertical-align: middle; + width: 32px; + height: 32px; +} + +#shareWithList { + list-style-type:none; + padding:8px; +} + +#shareWithList li { + padding-top: 10px; + padding-bottom: 10px; + font-weight: bold; + line-height: 21px; + white-space: normal; +} + +#shareWithList .unshare img, #shareWithList .showCruds img { + vertical-align:text-bottom; /* properly align icons */ +} + +#shareWithList label input[type=checkbox]{ + margin-left: 0; + position: relative; +} +#shareWithList .username{ + padding-right: 8px; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 254px; + display: inline-block; + overflow: hidden; + vertical-align: middle; +} +#shareWithList li label{ + margin-right: 8px; +} +#dropdown label { + font-weight:400; + white-space: nowrap; +} + +#dropdown input[type="checkbox"] { + margin:0 3px 0 8px; + vertical-align: middle; +} + +a.showCruds { + display:inline; + opacity:.5; +} + +a.unshare { + display:inline; + float:right; + opacity:.5; + padding:5px 0 0 5px !important; + margin-top:-5px; +} + +#link { + border-top:1px solid #ddd; + padding-top:8px; +} + +#dropdown input[type="text"],#dropdown input[type="password"] { + width: 86%; + margin-left: 7px; +} + +#dropdown form { + font-size: 100%; + margin-left: 0; + margin-right: 0; +} + +#linkText,#linkPass,#expiration { + display:none; +} + +#link #showPassword img { + padding-left:5px; + width:12px; +} + +.reshare,#link label, +#expiration label { + display: inline-block; + padding: 6px 4px; +} + +a.showCruds:hover,a.unshare:hover { + opacity:1; +} + +#defaultExpireMessage, /* fix expire message going out of box */ +.reshare { /* fix shared by text going out of box */ + white-space:normal; +} + +#defaultExpireMessage { /* show message on new line */ + display: block; + padding-left: 4px; + /* TODO: style the dropdown in a proper way - border-box, etc. */ + width: 90%; +} + +.ui-autocomplete { /* limit dropdown height to 4 1/2 entries */ + max-height:103px; + overflow-y:auto; + overflow-x:hidden; +} + +.notCreatable { + padding-left: 12px; + padding-top: 12px; + color: #999; +} diff --git a/css/styles.css b/css/styles.css index e1b4dec5..dafc4619 100644 --- a/css/styles.css +++ b/css/styles.css @@ -225,14 +225,6 @@ div.crumb.last a { padding-left: 2em; } -#dropdown { - top: 43px; - right: 0; - margin-right: 0; - border-bottom-right-radius: 0; - left: auto; -} - /*Original ribbon design by Comatosed http://www.bypeople.com/author/comatosed/*/ .ribbon { |