mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-08-05 17:00:03 +00:00
Themes: Switch to a text overlay instead of an icon on hover. Numerous reasons outlined in the ticket.
props shaunandrews. fixes #26440. git-svn-id: https://develop.svn.wordpress.org/trunk@26708 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
@@ -6440,29 +6440,6 @@ span.imgedit-scale-warn {
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.theme-browser .theme:after {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
content: '\f348';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font: normal 64px/1 'dashicons';
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-top: 24%;
|
||||
text-shadow: 0 1px 20px rgba(255,255,255,0.9);
|
||||
-webkit-transition: opacity 0.2s ease-in-out;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.theme-browser .theme:hover:after {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.theme-browser .theme:hover .theme-screenshot {
|
||||
background: #fff;
|
||||
}
|
||||
@@ -6471,6 +6448,29 @@ span.imgedit-scale-warn {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.theme-browser .theme .more-details {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
right: 25%;
|
||||
left: 25%;
|
||||
background: rgba(0,0,0,0.7);
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,0.6);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-weight: 600;
|
||||
padding: 15px 12px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: opacity 0.1s ease-in-out;
|
||||
transition: opacity 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.theme-browser .theme:hover .more-details {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Displays a theme update notice
|
||||
* when an update is available.
|
||||
|
||||
Reference in New Issue
Block a user