ホーム エクスプローラ ヘルプ
サインイン
rob
/
Robware
1
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ソースを参照

Robert Marshall 9 年 前
親
9d510c46e2
コミット
8fc6261166
5 ファイル変更、11 行追加、12 行削除
分割表示 差分情報を表示
  1. 4 0
      css/style-med.css
  2. 0 4
      css/style.css
  3. 5 0
      less/style-med.less
  4. 1 7
      less/style.less
  5. 1 1
      template.php

+ 4 - 0
css/style-med.css
ファイルの表示 

@@ -1,5 +1,9 @@
 
 #menu {
 
   box-shadow: none;
 
+  transition: all ease-in-out 0.4s;
 
+}
 
+#menu.ng-hide {
 
+  left: -280px;
 
 }
 
 #main,
 
 #main-header {

+ 0 - 4
css/style.css
ファイルの表示 

@@ -110,10 +110,6 @@ p:first-child {
 
   box-shadow: -2px 0px 0px 0px #eeeeee inset;
 
   z-index: 400;
 
   overflow-x: hidden;
 
-  transition: all ease-in-out 0.4s;
 
-}
 
-#menu.ng-hide {
 
-  left: -280px;
 
 }
 
 #menu .header {
 
   z-index: 401;

+ 5 - 0
less/style-med.less
ファイルの表示 

@@ -1,6 +1,11 @@
 
 #menu{
 
 	//display: none;
 
 	box-shadow: none;
 
+	transition:all ease-in-out 0.4s;
 
+
 
+	&.ng-hide{
 
+		left:-280px;
 
+	}
 
 }
 
 
 #main, #main-header{

+ 1 - 7
less/style.less
ファイルの表示 

@@ -122,20 +122,14 @@ p:first-child{
 
 }
 
 
 #menu{
 
-	@menuWidth:280px;
 
 	background:@background;
 
-	width:@menuWidth;
 
+	width:280px;
 
 	left:0;
 
 	position:fixed;
 
 	height:100%;
 
 	box-shadow: -2px 0px 0px 0px @control inset;
 
 	z-index: 400;
 
 	overflow-x: hidden;
 
-	transition:all ease-in-out 0.4s;
 
-
 
-	&.ng-hide{
 
-		left:-@menuWidth;
 
-	}
 
 
 	.header{
 
 		z-index: 401;

+ 1 - 1
template.php
ファイルの表示 

@@ -54,7 +54,7 @@ function FormatURI(URI $uri, $base=""){
 
 			{@JavaScript}

 		</script>

 	</head>

-	<body ng-controller="main" ng-class="{scrollLock: menuVisible}">

+	<body ng-controller="main" ng-class="{scrollLock: menuVisible && window.innerWidth < 1024}">

 		<div id="main-header">

 			<div class="header">

 				<img src="/images/menu.svg" id="menu-button" ng-click="menuVisible=!menuVisible" /><?php // using php tags to remove HTML space but to keep source tidy