页面样式优化:分享按钮、链接栏样式优化

pull/5/head
新逸Cary 2020-07-10 19:05:16 +08:00
parent 51ce7aeb00
commit c51150de00
8 changed files with 24 additions and 9 deletions

View File

@ -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">

View File

@ -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>

View File

@ -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 {

View File

@ -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>

View File

@ -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>

View File

@ -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">
标签云

View File

@ -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';
});

View File

@ -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