0.0.7: update css.

This commit is contained in:
2025-08-23 11:58:06 +08:00
parent fc8e687a05
commit 48662878ab
3 changed files with 50 additions and 20 deletions

View File

@@ -12,6 +12,6 @@ git clone https://git.licsber.site/ruby/open_explorer
## ChangeLog ## ChangeLog
``` ```
250823周六0.0.6)修改按钮出现位置;优化样式 250823周六0.0.7)修改按钮出现位置;优化样式
250823周六0.0.1)基础功能 250823周六0.0.1)基础功能
``` ```

View File

@@ -11,36 +11,66 @@
<a href="<%= archive_url %>" <a href="<%= archive_url %>"
target="_blank" target="_blank"
class="archive-button"> class="archive-button">
<span class="archive-icon">📂</span> 一键打开 <span class="archive-icon">📂</span>
一键打开
</a> </a>
<% end %> <% end %>
<style> <style>
.archive-button { .archive-button {
font-weight: 600; font-weight: 600;
padding: 4px 6px; padding: 4px 6px;
background: #333; background: #333;
color: white !important; color: white !important;
border-radius: 6px; border-radius: 8px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 4px; gap: 8px;
transition: all 0.3s ease; transition: all 0.3s ease;
font-size: 14px; font-size: 16px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: none;
cursor: pointer;
} }
.archive-button::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: white;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.archive-button:hover { .archive-button:hover {
transform: translateY(-2px); transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
background: #444;
}
.archive-button:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.archive-button:active {
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.archive-icon { .archive-icon {
font-size: 16px; font-size: 20px;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
.archive-button:hover .archive-icon { .archive-button:hover .archive-icon {
transform: scale(1.2); transform: scale(1.2) rotate(10deg);
} }
</style> </style>

View File

@@ -2,7 +2,7 @@ Redmine::Plugin.register :open_explorer do
name 'Open Explorer plugin' name 'Open Explorer plugin'
author 'licsber' author 'licsber'
description 'Open archive path using explorer.' description 'Open archive path using explorer.'
version '0.0.6' version '0.0.7'
url 'https://git.licsber.site/ruby/open_explorer' url 'https://git.licsber.site/ruby/open_explorer'
author_url 'https://licsber.site' author_url 'https://licsber.site'
end end