页面样式优化:分享按钮、链接栏样式优化
parent
51ce7aeb00
commit
c51150de00
|
@ -1,6 +1,6 @@
|
|||
<#macro module name>
|
||||
<#if name == 'share'>
|
||||
<div class="column is-4-tablet is-1-desktop <#if is_sheet??>is-hidden-desktop</#if> is-1-widescreen is-1-fullhd has-order-1 column-left is-hidden-touch <%= sticky_class(left) %>">
|
||||
<div class="right-tips column is-4-tablet is-1-desktop <#if is_sheet??>is-hidden-desktop</#if> is-1-widescreen is-1-fullhd has-order-1 column-left is-hidden-touch <%= sticky_class(left) %>">
|
||||
<div class="level" style="position: fixed;top: 0;height: 100%;width: 30px;">
|
||||
<#if settings.share_type?? && settings.share_type!=''>
|
||||
<#include "../share/${settings.share_type}.ftl">
|
||||
|
|
|
@ -36,4 +36,12 @@
|
|||
if (!urlstatus) {
|
||||
$(".navbar-start a").eq(0).addClass('is-active');
|
||||
}
|
||||
|
||||
$(function () {
|
||||
$('.link-hover-cus').hover(function () {
|
||||
$(this).find('.level-right').show();
|
||||
}, function () {
|
||||
$(this).find('.level-right').hide();
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
|
|
@ -49,10 +49,10 @@
|
|||
<link rel="stylesheet" href="${theme_base!}/source/lib/outdatedbrowser/outdatedbrowser.min.css" />
|
||||
<link rel="stylesheet" href="${theme_base!}/source/css/style.css" />
|
||||
<style>
|
||||
body > .footer,
|
||||
/*body > .footer,*/
|
||||
body > .navbar,
|
||||
body > .section {
|
||||
opacity: 0
|
||||
opacity: 0;
|
||||
}
|
||||
<#if is_post?? || is_sheet?? || is_journal??>
|
||||
.content code .number {
|
||||
|
|
|
@ -351,4 +351,11 @@
|
|||
padding: 0 10px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.social-share .icon-wechat .wechat-qrcode {
|
||||
top: 0 !important;
|
||||
left: 40px !important;
|
||||
}
|
||||
.right-tips{
|
||||
z-index: 99;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<@linkTag method="list">
|
||||
<#if links?? && links?size gt 0>
|
||||
<div class="card widget is-hidden-mobile">
|
||||
<div class="card widget is-hidden-mobile is-hidden-touch">
|
||||
<div class="card-content">
|
||||
<div class="menu">
|
||||
<h3 class="menu-label">
|
||||
|
@ -9,11 +9,11 @@
|
|||
<ul class="menu-list">
|
||||
<#list links?sort_by("priority") as link>
|
||||
<li>
|
||||
<a class="level is-mobile" href="${link.url!}" target="_blank">
|
||||
<a class="level is-mobile link-hover-cus" title="${link.url!}" href="${link.url!}" target="_blank">
|
||||
<span class="level-left">
|
||||
<span class="level-item">${link.name}</span>
|
||||
</span>
|
||||
<span class="level-right">
|
||||
<span class="level-right" style="display: none;">
|
||||
<span class="level-item tag">${link.url!}</span>
|
||||
</span>
|
||||
</a>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<@tagTag method="list">
|
||||
<#if tags?? && tags?size gt 0>
|
||||
<div class="card widget is-hidden-mobile">
|
||||
<div class="card widget is-hidden-mobile is-hidden-touch">
|
||||
<div class="card-content">
|
||||
<h3 class="menu-label">
|
||||
标签云
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
return Array.prototype.slice.call(document.querySelectorAll.apply(document, arguments));
|
||||
}
|
||||
|
||||
$('body > .navbar, body > .section, body > .footer').forEach(function (element) {
|
||||
$('body > .navbar, body > .section').forEach(function (element) {
|
||||
element.style.transition = '0s';
|
||||
element.style.opacity = '0';
|
||||
});
|
||||
|
|
|
@ -7,5 +7,5 @@ description: Fantastic主题修改版,https://github.com/jinqilin721/halo-them
|
|||
logo: https://blog.xinac.cn/avatar
|
||||
website: https://github.com/jinqilin721/halo-theme-xinac-fantastic
|
||||
repo: https://github.com/jinqilin721/halo-theme-xinac-fantastic
|
||||
version: 1.3.4
|
||||
version: 1.3.5
|
||||
require: 1.3.0
|
||||
|
|
Loading…
Reference in New Issue