修复页面右上角圆形按钮超出边界还能点击的BUG

This commit is contained in:
Meekdai 2024-04-07 11:56:19 +08:00
parent 95e6fb3e25
commit 3f384abfbc
3 changed files with 19 additions and 21 deletions

View File

@ -41,28 +41,28 @@
{%- endif -%} {%- endif -%}
</h1> </h1>
<div class="title-right"> <div class="title-right">
<a href="{{ blogBase['homeUrl'] }}/tag.html"><button id="buttonSearch" class="btn btn-invisible circle" title="{{ i18n['Search'] }}"> <a href="{{ blogBase['homeUrl'] }}/tag.html" id="buttonSearch" class="btn btn-invisible circle" title="{{ i18n['Search'] }}">
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="pathSearch" fill-rule="evenodd"></path> <path id="pathSearch" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
{% for num in blogBase['singeListJson'] -%} {% for num in blogBase['singeListJson'] -%}
<a href="{{ blogBase['homeUrl'] }}/{{ blogBase['singeListJson'][num]['labels'][0] }}.html"><button class="btn btn-invisible circle" title="{{ blogBase['singeListJson'][num]['postTitle'] }}"> <a href="{{ blogBase['homeUrl'] }}/{{ blogBase['singeListJson'][num]['labels'][0] }}.html" class="btn btn-invisible circle" title="{{ blogBase['singeListJson'][num]['postTitle'] }}">
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="{{ blogBase['singeListJson'][num]['postTitle'] }}" fill-rule="evenodd"></path> <path id="{{ blogBase['singeListJson'][num]['postTitle'] }}" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
{%- endfor %} {%- endfor %}
<a href="{{ blogBase['homeUrl'] }}/rss.xml" target="_blank"><button id="buttonRSS" class="btn btn-invisible circle" title="RSS"> <a href="{{ blogBase['homeUrl'] }}/rss.xml" target="_blank" id="buttonRSS" class="btn btn-invisible circle" title="RSS">
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="pathRSS" fill-rule="evenodd"></path> <path id="pathRSS" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
<button class="btn btn-invisible circle" onclick="modeSwitch()" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}> <a class="btn btn-invisible circle" onclick="modeSwitch()" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}>
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="themeSwitch" fill-rule="evenodd"></path> <path id="themeSwitch" fill-rule="evenodd"></path>
</svg> </svg>
</button> </a>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -27,26 +27,24 @@
{% block header %} {% block header %}
<h1 class="postTitle">{{ blogBase['postTitle'] }}</h1> <h1 class="postTitle">{{ blogBase['postTitle'] }}</h1>
<div class="title-right"> <div class="title-right">
<a href="{{ blogBase['homeUrl'] }}" id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}">
<a href="{{ blogBase['homeUrl'] }}"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}">
<svg class="octicon" width="16" height="16"> <svg class="octicon" width="16" height="16">
<path id="pathHome" fill-rule="evenodd"></path> <path id="pathHome" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
{% if blogBase['showPostSource']==1 %} {% if blogBase['showPostSource']==1 %}
<a href="{{ blogBase['postSourceUrl'] }}" target="_blank"><button class="btn btn-invisible circle" title="Issue"> <a href="{{ blogBase['postSourceUrl'] }}" target="_blank" class="btn btn-invisible circle" title="Issue">
<svg class="octicon" width="16" height="16"> <svg class="octicon" width="16" height="16">
<path id="pathIssue" fill-rule="evenodd"></path> <path id="pathIssue" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
{% endif %} {% endif %}
<button class="btn btn-invisible circle" onclick="modeSwitch();" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}> <a class="btn btn-invisible circle" onclick="modeSwitch();" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}>
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="themeSwitch" fill-rule="evenodd"></path> <path id="themeSwitch" fill-rule="evenodd"></path>
</svg> </svg>
</button> </a>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -15,7 +15,7 @@
.subnav-search button{padding:5px 8px;border-top-left-radius:0px;border-bottom-left-radius:0px;} .subnav-search button{padding:5px 8px;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.SideNav-icon{margin-right:16px} .SideNav-icon{margin-right:16px}
.Label{color: #fff;margin-left:8px;} .Label{color: #fff;margin-left:4px;}
#taglabel .Label {margin-bottom:8px;} #taglabel .Label {margin-bottom:8px;}
.Counter{color:#fff;background-color:rgba(234, 238, 242, 0.5)} .Counter{color:#fff;background-color:rgba(234, 238, 242, 0.5)}
@ -42,16 +42,16 @@
<path id="searchSVG" fill-rule="evenodd"></path> <path id="searchSVG" fill-rule="evenodd"></path>
</svg> </svg>
</div> </div>
<a href="{{ blogBase['homeUrl'] }}"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}"> <a href="{{ blogBase['homeUrl'] }}" id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}">
<svg class="octicon" width="16" height="16"> <svg class="octicon" width="16" height="16">
<path id="pathHome" fill-rule="evenodd"></path> <path id="pathHome" fill-rule="evenodd"></path>
</svg> </svg>
</button></a> </a>
<button class="btn btn-invisible circle" onclick="modeSwitch()" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}> <a class="btn btn-invisible circle" onclick="modeSwitch()" title="{{ i18n['switchTheme'] }}" {%- if blogBase['themeMode']=='fix' -%}style="display:none;"{%- endif -%}>
<svg class="octicon" width="16" height="16" > <svg class="octicon" width="16" height="16" >
<path id="themeSwitch" fill-rule="evenodd"></path> <path id="themeSwitch" fill-rule="evenodd"></path>
</svg> </svg>
</button> </a>
</div> </div>
{% endblock %} {% endblock %}