Startsida Utforska Hjälp
Logga in
pwa
/
Lungo.js
spegling av https://github.com/tapquo/Lungo.js.git
2
0
Fork 0
Filer Ärenden 0 Wiki
Bläddra i källkod

New class "autohide" to data-target="aside"

Hide href when the screen is a tablet screen
@soyjavi 14 år sedan
förälder
d5b3344ee1
incheckning
48b8f7d5f3
6 ändrade filer med 12 tillägg och 12 borttagningar
Delad Vy Visa Diff Statistik
  1. 1 1
      examples/test/app/sections/aside.html
  2. 2 2
      examples/test/index.html
  3. 1 1
      src/stylesheets/css/Lungo.layout.aside.css
  4. 2 1
      src/stylesheets/css/Lungo.theme.default.css
  5. 4 2
      src/stylesheets/less/Lungo.layout.aside.less
  6. 2 5
      src/stylesheets/less/Lungo.theme.default.less

+ 1 - 1
examples/test/app/sections/aside.html
Visa fil 

@@ -1,4 +1,4 @@
 
-<aside id="kitchen-sink-scroll" class="scrollable">
 
+<aside id="kitchen-sink-scroll" class="scrollable current">
 
     <div>
 
         <div class="title">Select a option</div>
 
         <a href="#nav-1" data-target="article" class="current" data-icon="clock">Alarm</a>

+ 2 - 2
examples/test/index.html
Visa fil 

@@ -39,10 +39,10 @@
 
 <body class="app">
 
 
 
-    <section id="test-1" class="pop">
 
+    <section id="test-1" class="pop aside">
 
         <header class="extended">
 
             <nav class="onleft">
 
-                <a href="#kitchen-sink-scroll" data-target="aside" data-icon="user"></a>
 
+                <a href="#kitchen-sink-scroll" data-target="aside" class="autohide" data-icon="user"></a>
 
             </nav>
 
             <div class="onleft">
 
                 <span class="title with-subtitle">Javi Jiménez Villar</span>

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 1 - 1
src/stylesheets/css/Lungo.layout.aside.css


+ 2 - 1
src/stylesheets/css/Lungo.theme.default.css
Visa fil 

@@ -110,7 +110,8 @@ aside a {
 
   border-bottom: 1px inset #222;
 
   border-top: 1px inset rgba(255, 255, 255, 0.1);
 
 }
 
-aside a.current {
 
+aside a.current,
 
+aside a .icon {
 
   color: #ffffff;
 
 }
 
 aside a .icon {

+ 4 - 2
src/stylesheets/less/Lungo.layout.aside.less
Visa fil 

@@ -52,7 +52,7 @@ aside {
 
 		height: 40px;
 
 
 		font-size: 14px;
 
-    	font-weight: bold;
 
+    	//font-weight: bold;
 
 		line-height: 40px;
 
 		overflow: hidden;
 
 		white-space: nowrap;
 
@@ -93,7 +93,9 @@ aside .anchor .bubble {
 
 	}
 
 
 	@media handheld, only screen and (min-width: 768px) {
 
-		[data-target="aside"] { display: none !important; }
 
+		.autohide[data-target="aside"] { 
+			display: none !important; 
+		}
 
 
 		section.aside {
 
 			width: auto !important;

+ 2 - 5
src/stylesheets/less/Lungo.theme.default.less
Visa fil 

@@ -128,9 +128,7 @@ header nav {
 
 aside {
 
 	color: #9faab1;
 
 	
-    & .title {
 
-    	background: #252525;
 
-    		}
 
+    & .title { background: #252525; }
 
 
     & a {
 
     	color: #9faab1;
 
@@ -140,7 +138,7 @@ aside {
 
 	    border-bottom: 1px inset #222;
 
 		border-top: 1px inset rgba(255,255,255,0.1);
 
 
-		&.current {
 
+		&.current, & .icon {
 
     		//background: #1c1c1c;
 
 			//box-shadow: inset 0px 0px 8px #101010;
 
 			//border-top: 1px inset #1c1c1c;
 
@@ -412,7 +410,6 @@ input[type="range"] {
 
 	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
 
 	font-weight: bold !important;
 
 	
-	//border: solid 1px @white;
 
 	box-shadow: 0 0 6px #000;	
 	
 	&.count { background: @background-main; }