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 {
left: auto;
right: -1em;
right: -1.5em;
}
.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 {
display: block;
height: 20px;
left: -1em;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.75em;
top: 1.65em;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
@ -3652,8 +3652,8 @@ article.panel-placeholder {
/* Blog, archive, search */
.sticky .icon {
height: 32px;
.sticky .icon-pinned {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
@ -3930,7 +3930,7 @@ article.panel-placeholder {
.sticky .icon-pinned {
font-size: 32px;
font-size: 2rem;
height: 32px;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;