update share-buttons with upstream

This commit is contained in:
Max Mehl 2020-05-18 16:05:54 +02:00 committed by FSFE System
parent a0170822f8
commit 2ac5f98f90
8 changed files with 40 additions and 4 deletions

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>

After

Width:  |  Height:  |  Size: 935 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z"/></svg>

After

Width:  |  Height:  |  Size: 946 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -20,6 +20,11 @@
background-image: url("/graphics/services/fediverse_white.png");
}
.share-buttons .share-mastodon {
background-color: #2a8fd8;
background-image: url("/graphics/services/mastodon_white.png");
}
.share-buttons .share-reddit {
background-color: #ff5700;
background-image: url("/graphics/services/reddit_white.png");
@ -55,6 +60,26 @@
background-image: url("/graphics/services/mail_white.png");
}
.share-buttons .share-rss {
background-color: #f69f00;
background-image: url("/graphics/services/rss_white.png");
}
.share-buttons .share-cal {
background-color: #1b997a;
background-image: url("/graphics/services/cal_white.png");
}
.share-buttons .share-news {
background-color: #202c78;
background-image: url("/graphics/services/news_white.png");
}
.share-buttons .share-podcast {
background-color: #3394ce;
background-image: url("/graphics/services/podcast_white.png");
}
.share-buttons .share-support {
background-color: #202d79;
background-image: url("/graphics/services/fsfe_white.png");

View File

@ -54,7 +54,7 @@
}
/* Separate share buttons form from possibly floating content */
form.share-buttons {
.share-buttons {
clear: both;
}
@ -119,11 +119,20 @@ form.share-buttons {
z-index: -1;
}
/* parent class to put buttons inline vertical-aligned */
.inline-buttons {
display: flex;
align-items: center;
}
.inline-buttons .share-buttons {
margin: 0 0 0 5px;
}
/* ********
* SIDEBAR BUTTONS
* FLOATING SIDE BUTTONS
* ********/
form.share-buttons.side {
.share-buttons.side {
display: flex;
flex-direction: column;
left: 0;
@ -134,7 +143,7 @@ form.share-buttons.side {
}
@media (max-width: 767px) {
form.share-buttons.side {
.share-buttons.side {
display: none !important;
}
}