more staying updates

This commit is contained in:
Andy Miller
2014-10-03 16:50:55 -06:00
parent 1f3cde124e
commit 230661deff
7 changed files with 158 additions and 20 deletions

View File

@@ -1011,6 +1011,7 @@ tr {
margin: 0;
position: relative;
width: 31%;
border: 1px solid #e1e1e1;
background: #fff;
margin-bottom: 2rem; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
@@ -1755,32 +1756,50 @@ body.remodal_active .remodal {
.gpm .gpm-update .gpm-name {
color: #349886; }
.gpm .gpm-actions {
font-size: 1.4rem; }
font-size: 1.6rem; }
.gpm .gpm-actions .disabled {
color: #8d959a; }
.gpm .plugin-info {
.gpm .gpm-item-info {
position: relative;
border-bottom: 3px solid #e1e1e1;
padding-bottom: 1rem;
margin-bottom: 3rem;
overflow: hidden; }
.gpm .plugin-info .plugin-icon {
.gpm .gpm-item-info .gpm-item-icon {
color: #e6e6e6;
position: absolute;
right: 3rem;
font-size: 20rem; }
.gpm .plugin-info table {
.gpm .gpm-item-info table {
position: relative; }
.gpm .plugin-info td {
.gpm .gpm-item-info td {
border: 0;
text-align: left !important; }
.gpm .plugin-info td:first-child {
.gpm .gpm-item-info td:first-child {
color: #9ba2a6;
white-space: nowrap;
width: 25%; }
.gpm .plugin-info tr:hover {
.gpm .gpm-item-info tr:hover {
background: inherit; }
.gpm .themes {
padding: 3rem; }
.gpm .themes .gpm-name {
margin-bottom: 0.5rem; }
.gpm .themes .gpm-actions {
background: #e9e9e9;
margin: 1rem -1rem -1rem -1rem;
height: 4rem;
line-height: 4rem;
text-align: right;
padding-right: 1rem; }
.gpm .themes .gpm-actions.active-theme {
font-size: 1rem;
font-weight: bold;
text-align: center;
background: #314D5B;
color: #EEEEEE; }
.gpm .themes .gpm-actions a {
color: #737C81;
vertical-align: middle; }
/*# sourceMappingURL=template.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -385,6 +385,7 @@ $update-height: 3rem;
width: 100%;
}
border: 1px solid darken($content-bg, 5%);
background: $white;
margin-bottom: 2rem;

View File

@@ -18,21 +18,21 @@
}
.gpm-actions {
font-size: 1.4rem;
font-size: 1.6rem;
.disabled {
color: lighten($content-fg,10%);
}
}
.plugin-info {
.gpm-item-info {
position: relative;
border-bottom: 3px solid darken($content-bg, 5%);
padding-bottom: 1rem;
margin-bottom: 3rem;
overflow: hidden;
.plugin-icon {
.gpm-item-icon {
color: darken($content-bg, 3%);
position: absolute;
right: $padding-default;
@@ -58,5 +58,38 @@
.themes {
padding: $padding-default;
.gpm-name {
margin-bottom: 0.5rem;
}
.gpm-actions {
background: darken($content-bg, 2%);
margin: 1rem -1rem -1rem -1rem;
height: 4rem;
line-height: 4rem;
text-align: right;
padding-right: 1rem;
&.active-theme {
font-size: 1rem;
font-weight: bold;
text-align: center;
background: $page-bg;
color: $content-bg;
}
a {
color: $content-fg;
vertical-align: middle;
}
}
.active-theme {
}
}
}

View File

@@ -10,8 +10,8 @@
{{ plugin.name|e }}
<small>{{ plugin.version ? 'v' ~ plugin.version|e }}</small>
</h1>
<div class="plugin-info">
<i class="plugin-icon fa fa-fw fa-{{ plugin.icon }}"></i>
<div class="gpm-item-info">
<i class="gpm-item-icon fa fa-fw fa-{{ plugin.icon }}"></i>
<table>
{% if plugin.version %}
<tr>

View File

@@ -0,0 +1,81 @@
<div class="grav-update plugins">
<p>
<i class="fa fa-bullhorn"></i>
<strong>v{{ theme.version }}</strong> of this theme is now available!
<button class="button button-small secondary">Update Theme</button>
</p>
</div>
<h1>
{{ theme.name|e }}
<small>{{ theme.version ? 'v' ~ theme.version|e }}</small>
</h1>
<div class="gpm-item-info">
<i class="gpm-item-icon fa fa-fw fa-{{ theme.icon }}"></i>
<table>
{% if theme.version %}
<tr>
<td>Version:</td>
<td>{{ theme.version }}</td>
</tr>
{% endif %}
{% if theme.author %}
<tr>
<td>Author:</td>
<td>
{% if theme.author.url %}
<a href="{{ theme.author.url }}">{{ theme.author.name }}</a>
{% else %}
{{ theme.author.name }}
{% endif %}
{% if theme.author.email %}
- <a href="mailto:{{ theme.author.email }}">{{ theme.author.email }}</a>
{% endif %}
</td>
</tr>
{% endif %}
{% if theme.homepage %}
<tr>
<td>Homepage:</td>
<td><a href="{{ theme.homepage }}">{{ theme.homepage }}</a></td>
</tr>
{% endif %}
{% if theme.demo %}
<tr>
<td>Demo:</td>
<td><a href="{{ theme.demo }}">{{ theme.demo }}</a></td>
</tr>
{% endif %}
{% if theme.bugs %}
<tr>
<td>Bug Tracker:</td>
<td><a href="{{ theme.bugs }}">{{ theme.bugs }}</a></td>
</tr>
{% endif %}
{% if theme.keywords %}
<tr>
<td>Keywords:</td>
<td>{{ theme.keywords }}</td>
</tr>
{% endif %}
{% if theme.license %}
<tr>
<td>License:</td>
<td>{{ theme.license }}</td>
</tr>
{% endif %}
{% if theme.description %}
<tr>
<td>Description:</td>
<td>{{ theme.description }}</td>
</tr>
{% endif %}
</table>
</div>
{% include 'partials/blueprints.html.twig' with { data: theme.form, blueprints: theme.form } %}
<div class="button-bar danger">
<span class="danger-zone"></span>
<a class="button" href="#"><i class="fa fa-fw fa-warning"></i>Remove Theme</a>
</div>

View File

@@ -14,18 +14,22 @@
{% for slug, package in admin.themes %}
{% set theme = package.toArray() %}
<div class="theme card-item pure-u-1-3">
<div class="gpm-screenshot">
<img src="{{ theme.thumbnail }}" />
</div>
<div class="gpm-name">
<i class="fa fa-fw fa-{{ theme.icon }}"></i>
<a href="{{ base_url_relative }}/themes/{{ slug|url_encode }}">{{ theme.name }}</a> <span class="gpm-version">v{{ theme.version }}</span>
</div>
<div class="gpm-actions">
<a class="{{ theme.get('enabled') ? 'enabled' : 'disabled' }}" href="{{ base_url_relative }}/themes/{{ slug }}/task:{{ theme.get('enabled') ? 'disable' : 'enable' }}">
<i class="fa fa-fw fa-toggle-{{ theme.get('enabled') ? 'on' : 'off' }}"></i>
</a>
<div class="gpm-screenshot">
<a href="{{ base_url_relative }}/themes/{{ slug|url_encode }}"><img src="{{ theme.thumbnail }}" /></a>
</div>
{% if config.get('system.pages.theme') == slug %}
<div class="gpm-actions active-theme">
<i class="fa fa-star"></i> Active Theme
</div>
{% else %}
<div class="gpm-actions">
<a href="{{ base_url_relative }}/themes/{{ slug }}/task:activate"><i class="fa fa-fw fa-toggle-off"></i></a>
</div>
{% endif %}
</div>
{% endfor %}
</div>