marcel/zoraxy
1
0
Fork 0
mirror of https://github.com/tobychui/zoraxy.git synced 2025-06-01 13:17:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed css bug

Browse Source 
- Fixed menu become transport on mobile view
- Fixed css font not correctly loaded on page initiate
This commit is contained in:
Toby Chui 2025-03-29 16:09:35 +08:00
parent 0e749e8a41
commit d4b1cc8c57
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/index.html
View File

@ -30,7 +30,6 @@
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="dom-i18n.min.js"></script> <script src="dom-i18n.min.js"></script>
<link href="main.css" rel="stylesheet"> <link href="main.css" rel="stylesheet">
<script src="main.js" defer></script>
<!-- Css stuffs--> <!-- Css stuffs-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.js" integrity="sha512-gnoBksrDbaMnlE0rhhkcx3iwzvgBGz6mOEj4/Y5ZY09n55dYddx6+WYc72A55qEesV8VX2iMomteIwobeGK1BQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.js" integrity="sha512-gnoBksrDbaMnlE0rhhkcx3iwzvgBGz6mOEj4/Y5ZY09n55dYddx6+WYc72A55qEesV8VX2iMomteIwobeGK1BQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@ -57,7 +56,7 @@
<i class="ui arrow up icon"></i> <i class="ui arrow up icon"></i>
</div> </div>
<button id="rwdmenubtn" class="ui black big icon button"><i class="ui bars icon"></i></button> <button id="rwdmenubtn" class="ui black big icon button"><i class="ui bars icon"></i></button>
<div id="mainmenu" class="ui segment" style="background: transparent !important;"> <div id="mainmenu" class="ui segment">
<div class="ui container"> <div class="ui container">
<div class="ui small stackable secondary menu"> <div class="ui small stackable secondary menu">
<div class="item"> <div class="item">
@ -594,5 +593,7 @@
openModal($(this).attr('src')); openModal($(this).attr('src'));
}); });
</script> </script>
<!-- Locales -->
<script src="main.js" defer></script>
</body> </body>
</html> </html>

5
docs/main.css
View File

@ -66,6 +66,7 @@ body.zh-cn *:not(i){
border-radius: 0; border-radius: 0;
margin-bottom: 0; margin-bottom: 0;
margin-top: 0; margin-top: 0;
background: transparent !important;
} }
#slideshowBanner .ui.basic.white.button{ #slideshowBanner .ui.basic.white.button{
@ -85,6 +86,9 @@ body.zh-cn *:not(i){
#rwdmenubtn{ #rwdmenubtn{
display:none; display:none;
position: absolute; position: absolute;
background: white;
border: 1px solid #6cacff;
color: #6cacff;
} }
#mainmenu .ui.secondary.inverted.menu .link.item:not(.disabled), .ui.secondary.inverted.menu a.item:not(.disabled){ #mainmenu .ui.secondary.inverted.menu .link.item:not(.disabled), .ui.secondary.inverted.menu a.item:not(.disabled){
@ -332,6 +336,7 @@ body.zh-cn *:not(i){
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background: #fdfdfd !important;
} }
#rwdmenubtn{ #rwdmenubtn{

17
docs/main.js
View File

@ -25,13 +25,16 @@ var i18n = domI18n({
defaultLanguage: 'en' defaultLanguage: 'en'
}); });
let userLang = navigator.language || navigator.userLanguage; $(document).ready(function(){
console.log("User language: " + userLang); let userLang = navigator.language || navigator.userLanguage;
userLang = userLang.split("-")[0]; console.log("User language: " + userLang);
if (!languages.includes(userLang)) { userLang = userLang.split("-")[0];
userLang = 'en'; if (!languages.includes(userLang)) {
} userLang = 'en';
i18n.changeLanguage(userLang); }
i18n.changeLanguage(userLang);
$("body").attr("class", userLang);
});
/* Main Menu */ /* Main Menu */