sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Seventeen: Resolves the pin icon having variations

Browse Source 
This fixes the pin icon having variations in position and size depending on screen and device. 

Props metodiew, mbelchev, davidakennedy
Fixes #38407



git-svn-id: https://develop.svn.wordpress.org/trunk@38892 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Tammie Lister 2016-10-24 22:29:42 +00:00
parent c108fdc0ba
commit edf8779f71
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-content/themes/twentyseventeen/rtl.css
View File

@ -113,7 +113,7 @@ input[type="checkbox"] {
.sticky .icon-pinned { .sticky .icon-pinned {
left: auto; left: auto;
right: -1em; right: -1.5em;
} }
.prev.page-numbers .icon, .prev.page-numbers .icon,

12
src/wp-content/themes/twentyseventeen/style.css
View File

@ -1770,10 +1770,10 @@ body:not(.has-header-image) .custom-header-image {
.sticky .icon-pinned { .sticky .icon-pinned {
display: block; display: block;
height: 20px; height: 18px;
left: -1em; left: -1.5em;
position: absolute; position: absolute;
top: 1.75em; top: 1.65em;
-ms-transform: rotate(-45deg); /* IE 9 */ -ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg); transform: rotate(-45deg);
@ -3652,8 +3652,8 @@ article.panel-placeholder {
/* Blog, archive, search */ /* Blog, archive, search */
.sticky .icon { .sticky .icon-pinned {
height: 32px; height: 23px;
left: -2.5em; left: -2.5em;
top: 1.5em; top: 1.5em;
width: 32px; width: 32px;
@ -3930,7 +3930,7 @@ article.panel-placeholder {
.sticky .icon-pinned { .sticky .icon-pinned {
font-size: 32px; font-size: 32px;
font-size: 2rem; font-size: 2rem;
height: 32px; height: 22px;
left: -1.25em; left: -1.25em;
top: 0.75em; top: 0.75em;
width: 32px; width: 32px;