Merge pull request #3048 from nextcloud/share-scss-optimisation

Share scss optimisation
This commit is contained in:
John Molakvoæ 2017-01-13 16:03:17 +01:00 committed by GitHub
commit 127024d89d
1 changed files with 44 additions and 67 deletions

View File

@ -1,28 +1,12 @@
/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net /**
This file is licensed under the Affero General Public License version 3 or later. * @copyright Copyright (c) 2011, Jan-Christoph Borchardt <hey@jancborchardt.net>
See the COPYING-README file. */ * @copyright Copyright (c) 2017, John Molakvoæ (skjnldsv@protonmail.com)
*
#dropdown { * @license GNU AGPL version 3 or any later version
background: #eee; *
border-bottom-left-radius: 3px; */
border-bottom-right-radius: 3px;
box-shadow: 0 2px 3px rgba(50, 50, 50, 0.4);
display: block;
margin-right: 0;
position: absolute;
right: 0;
width: 420px;
z-index: 500;
padding: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
#dropdown {
/* this limits the dropdown to float below the sidebar for mid narrow screens */
left: 20px;
}
}
/* SHARE TAB STYLING -------------------------------------------------------- */
.shareTabView { .shareTabView {
.unshare.icon-loading-small { .unshare.icon-loading-small {
margin-top: 1px; margin-top: 1px;
@ -47,6 +31,30 @@
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
label {
font-weight: 400;
white-space: nowrap;
}
input[type='checkbox'] {
margin: 0 3px 0 8px;
vertical-align: middle;
}
input[type='submit'] {
margin-left: 7px;
}
form {
font-size: 100%;
margin-left: 0;
margin-right: 0;
}
.error {
color: #e9322d;
border-color: #e9322d;
box-shadow: 0 0 6px #f8b9b7;
}
.mailView .icon-mail {
opacity: 0.5;
}
} }
.share-autocomplete-item { .share-autocomplete-item {
@ -86,7 +94,8 @@
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;
} }
.unshare img, .showCruds img { .unshare img,
.showCruds img {
vertical-align: text-bottom; vertical-align: text-bottom;
/* properly align icons */ /* properly align icons */
} }
@ -108,17 +117,6 @@
} }
} }
.shareTabView {
label {
font-weight: 400;
white-space: nowrap;
}
input[type='checkbox'] {
margin: 0 3px 0 8px;
vertical-align: middle;
}
}
a { a {
&.showCruds { &.showCruds {
display: inline; display: inline;
@ -129,45 +127,28 @@ a {
opacity: .5; opacity: .5;
padding: 10px; padding: 10px;
} }
&.showCruds:hover,
&.unshare:hover {
opacity: 1;
}
} }
#link { #link {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
padding-top: 8px; padding-top: 8px;
} #showPassword img {
.shareTabView {
input[type='submit'] {
margin-left: 7px;
}
form {
font-size: 100%;
margin-left: 0;
margin-right: 0;
}
.error {
color: #e9322d;
border-color: #e9322d;
box-shadow: 0 0 6px #f8b9b7;
}
}
#link #showPassword img {
padding-left: 5px; padding-left: 5px;
width: 12px; width: 12px;
} }
}
.reshare, #link label, #expiration label { .reshare,
#link label,
#expiration label {
display: inline-block; display: inline-block;
padding: 6px 4px; padding: 6px 4px;
} }
a {
&.showCruds:hover, &.unshare:hover {
opacity: 1;
}
}
#defaultExpireMessage, .reshare { #defaultExpireMessage, .reshare {
/* fix shared by text going out of box */ /* fix shared by text going out of box */
white-space: normal; white-space: normal;
@ -193,7 +174,3 @@ a {
padding-top: 12px; padding-top: 12px;
color: #999; color: #999;
} }
.shareTabView .mailView .icon-mail {
opacity: 0.5;
}