diff options
| -rw-r--r-- | css/navigation.css | 45 | ||||
| -rw-r--r-- | templates/part.content.php | 39 |
2 files changed, 52 insertions, 32 deletions
diff --git a/css/navigation.css b/css/navigation.css index 3e7354bc3..5366a9155 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -109,34 +109,57 @@ background-image: url('../img/twitter.svg') !important; } +.col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + position: relative; + width: 100%; +} + +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.icon-dropdown{ + background-position: center !important; + background-size: 24px; + padding: 2em !important; + min-height: 28px !important; + min-width: 28px !important; +} + .icon-full-text-enabled { - background-image: url('../img/fulltext.svg'); - background-size: 50%; - opacity: .5; +background-image: url('../img/fulltext.svg'); +background-size: 50%; +opacity: .5; } .icon-full-text-disabled { - background-image: url('../img/nonfulltext.svg'); - background-size: 50%; - opacity: .5; +background-image: url('../img/nonfulltext.svg'); +background-size: 50%; +opacity: .5; } #app-navigation .unread > a { - font-weight: bold; +font-weight: bold; } #app-navigation p.error { - line-height: 25px; +line-height: 25px; } #app-navigation .folder-rename-error { - height: auto; +height: auto; } /** - * Error message - */ +* Error message +*/ #app-navigation .error-message { padding: 15px; background-color: var(--color-main-background); diff --git a/templates/part.content.php b/templates/part.content.php index 98adba029..01270ce1d 100644 --- a/templates/part.content.php +++ b/templates/part.content.php @@ -99,7 +99,7 @@ </button> </li> <div - style="margin-top: 3em;" + style="margin-top: 2.8em;" class="dropdown-content" ng-controller="ShareController as Share"> <!-- Contact --> @@ -133,28 +133,25 @@ ng-click="Share.shareItem(item.id, user.value.shareWith)"> {{ user.value.shareWith }} <span class="right" style="margin-top: 1.4em; margin-right: 1em" - ng-class="{'icon-loading-small': App.loading.isLoading(user.value.shareWith)}"></span> - </a> - <p class="label-group"> <?php p($l->t('Share on social media')) ?> </p> - <a class="icon-facebook pr-5" - ng-href="https://www.facebook.com/sharer/sharer.php?u={{ ::item.url }}" - > - <span> - Facebook + ng-class="{'icon-loading-small': App.loading.isLoading(user.value.shareWith)}"> </span> + <span ng-if="!App.loading.isLoading(user.value.shareWith)">Envoyé.</span> </a> - <a class="icon-twitter pr-5" - ng-href="https://twitter.com/intent/tweet?url={{ ::item.url }}" - - > - <span> Twitter </span> - </a> - <a - class="icon-mail pr-5" - ng-href="mailto:?subject=I wanted you to see this site&body=Check out this site http://www.website.com./{{ ::item.url }}" - > - <span> Mail </span> - </a> + <p class="label-group"> <?php p($l->t('Share on social media')) ?> </p> + <div class="row"> + <div class="col-4"> + <a class="icon-dropdown icon-facebook pr-5" + ng-href="https://www.facebook.com/sharer/sharer.php?u={{ ::item.url }}"></a> + </div> + <div class="col-4"> + <a class="icon-dropdown icon-twitter pr-5" + ng-href="https://twitter.com/intent/tweet?url={{ ::item.url }}"></a> + </div> + <div class="col-4"> + <a class="icon-dropdown icon-mail pr-5" + ng-href="mailto:?subject=I wanted you to see this site&body=Check out this site http://www.website.com./{{ ::item.url }}"></a> + </div> + </div> </div> |