ken
/
orbit_demo_new_old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'menu'

This commit is contained in:
kenlee 2024-12-31 15:06:28 +08:00
parent 379f14f4e6
commit 7b2ce780a9
3 changed files with 104 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/javascripts/app.js
View File

@ -851,23 +851,23 @@ extendPanelWidget();
// }); // });
// });// //選單 // });// //選單
//選單樣式2 // //選單樣式2
$(document).ready(function() { // $(document).ready(function() {
"use strict"; // "use strict";
$(".menu > ul > li").hover(function(e) { // $(".menu > ul > li").hover(function(e) {
if ($(window).width() > 943) { // if ($(window).width() > 943) {
$(this).children("ul").stop(true, false).fadeToggle(150); // $(this).children("ul").stop(true, false).fadeToggle(150);
e.preventDefault(); // e.preventDefault();
} // }
}); // });
$('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px'); // $('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
}); // });
$(document).resize(function() { // $(document).resize(function() {
$('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px'); // $('.modules-menu-level-1').css('left','-'+$('.outdropdowns .dropdowns').offset().left+'px');
if ($(window).width() < 769){ // if ($(window).width() < 769){
$('.modules-menu-level-1').css('left','') // $('.modules-menu-level-1').css('left','')
} // }
}); // });
$(window).load(function(){ $(window).load(function(){
$("iframe[src*='google']").attr('title','googleOauth'); $("iframe[src*='google']").attr('title','googleOauth');

9
assets/stylesheets/template/modules/gallery.scss
View File

@ -1,7 +1,11 @@
@charset "utf-8"; @charset "utf-8";
@import "../initial"; @import "../initial";
.index-pic{
.img-thumbnail{
width: 100%;
}
}
// Gallery MODULES // Gallery MODULES
.widget-gallery { .widget-gallery {
.widget-title { .widget-title {
@ -116,6 +120,9 @@
&.index1 { &.index1 {
.index-content { .index-content {
@media(max-width: $screen-xs){
width: 100%;
}
&:nth-child(4n+1) { &:nth-child(4n+1) {
clear: both; clear: both;
} }

151
assets/stylesheets/template/modules/menu.scss
View File

@ -2,74 +2,74 @@
@import "../initial"; @import "../initial";
// 選單樣式2 // // 選單樣式2
.modules-menu{ // .modules-menu{
@media (min-width: $screen-sm){ // @media (min-width: $screen-sm){
li{ // li{
padding-left: 0!important; // padding-left: 0!important;
} // }
.modules-menu-level-1 > li > a{ // .modules-menu-level-1 > li > a{
color: $theme-color-second!important; // color: $theme-color-second!important;
} // }
} // }
.modules-menu-level-0 > li{ // .modules-menu-level-0 > li{
@media (min-width: $screen-sm){ // @media (min-width: $screen-sm){
position: static!important; // position: static!important;
} // }
} // }
//
.modules-menu-level-1{ // .modules-menu-level-1{
//
@media (min-width: $screen-sm){ // @media (min-width: $screen-sm){
min-width:unset; // min-width:unset;
flex-wrap: wrap; // flex-wrap: wrap;
justify-content: flex-start; // justify-content: flex-start;
left:0!important; // left:0!important;
display: flex!important; // display: flex!important;
visibility: hidden; // visibility: hidden;
opacity: 0; // opacity: 0;
width: 100vw!important; // width: 100vw!important;
box-shadow: 2px 2px 5px #00000033; // box-shadow: 2px 2px 5px #00000033;
margin:0; // margin:0;
padding:1em 13% 3em!important; // padding:1em 13% 3em!important;
transition-duration: 0.5s; // transition-duration: 0.5s;
background: #f0f0f0; // background: #f0f0f0;
} // }
} // }
.modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{ // .modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
visibility: visible!important; // visibility: visible!important;
opacity: 1!important; // opacity: 1!important;
} // }
//
.modules-menu-level-2 { // .modules-menu-level-2 {
right:auto!important; // right:auto!important;
display: block; // display: block;
top: auto!important; // top: auto!important;
left: auto!important; // left: auto!important;
background-color: transparent!important; // background-color: transparent!important;
position: relative!important; // position: relative!important;
} // }
.modules-menu-level-1{ // .modules-menu-level-1{
@media (min-width: $screen-sm) { // @media (min-width: $screen-sm) {
& > li { // & > li {
width: 25%; // width: 25%;
& > a { // & > a {
padding-left: 1em; // padding-left: 1em;
padding: 5px 0; // padding: 5px 0;
} // }
//
&:hover { // &:hover {
.modules-menu-level-2 { // .modules-menu-level-2 {
display: block; // display: block;
} // }
} // }
} // }
.modules-menu-level-2{ // .modules-menu-level-2{
display: block; // display: block;
} // }
} // }
} // }
} // }
//固定選單 //固定選單
.navFixed { .navFixed {
@ -310,13 +310,12 @@
} }
} }
@media (min-width: $screen-sm)and(max-width: 1439px){ @media (min-width: $screen-sm)and(max-width: 1439px){
&:last-child{
.modules-menu-level-1 { .modules-menu-level-1 {
right: 0; right: 0;
} }
}
.modules-menu-level-1 {
right: 0;
}
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
margin: 0; margin: 0;
@ -326,7 +325,12 @@
&:first-child { &:first-child {
margin-left: 0; margin-left: 0;
} }
&:nth-last-child(2){
.modules-menu-level-2 {
right: 100%;
left: auto;
}
}
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
@ -406,9 +410,8 @@
} }
&:hover { &:hover {
@media(max-width: 769px){
background-color: $theme-color-second; background-color: $theme-color-second;
@media(max-width: 769px){
a,i { a,i {
color: #fff; color: #fff;
} }