robin.thoni
/
chronos-front
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 6 Wiki Activity
Browse Source

ui test

tags/1.1.0
Robin Thoni 8 years ago
parent
c20f6fcd4a
commit
4499215e36
2 changed files with 41 additions and 35 deletions
Split View Show Diff Stats
  1. 41
    12
      app/index.html
  2. 0
    23
      app/less/app.less

+ 41
- 12
app/index.html View File 

@@ -74,20 +74,49 @@
74 74 
     <!-- endbuild -->
75 75
76 76 
 </head>
77 
-<body>
78 
-
79 
-<section layout="row" flex class="section-main">
80 
-        <ng-include src="'views/sidebar.html'"></ng-include>
81 
-        <!--<ng-include src="'views/toolbar.html'"></ng-include>-->
82 
-
83 
-        <md-content flex class="md-main-content" >
84 
-            <ng-include src="'views/toolbar.html'"></ng-include>
85 
-            <div ui-view layout="column" layout-fill layout-align="top center"></div>
86 
-            <ng-include src="'views/footer.html'"></ng-include>
77 
+<body layout="column">
78 
+
79 
+<!--<section layout="row" flex class="section-main">-->
80 
+        <!--<ng-include src="'views/sidebar.html'"></ng-include>-->
81 
+        <!--&lt;!&ndash;<ng-include src="'views/toolbar.html'"></ng-include>&ndash;&gt;-->
82 
+
83 
+        <!--<md-content flex class="md-main-content" >-->
84 
+            <!--<ng-include src="'views/toolbar.html'"></ng-include>-->
85 
+            <!--<div ui-view layout="column" layout-fill layout-align="top center"></div>-->
86 
+            <!--<ng-include src="'views/footer.html'"></ng-include>-->
87 
+        <!--</md-content>-->
88 
+
89 
+        <!--&lt;!&ndash;<ng-include src="'views/footer.html'"></ng-include>&ndash;&gt;-->
90 
+<!--</section>-->
91 
+
92 
+<div layout="row"  flex>
93 
+    <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
94 
+        <md-toolbar class="md-medium-tall">
95 
+            <span>Toolbar</span>
96 
+        </md-toolbar>
97 
+        <md-content layout="column" flex>
98 
+            <span>Your sidenav</span>
87 99 
         </md-content>
88 100
89 
-        <!--<ng-include src="'views/footer.html'"></ng-include>-->
90 
-</section>
101 
+    </md-sidenav>
102 
+    <div layout="column" flex md-theme="blue" id="content">
103 
+        <md-toolbar layout="row">
104 
+            <div class="md-toolbar-tools">
105 
+                <!-- Add a toggleMenu function to your menuCtrl controller with the following in it
106 
+                  $mdSidenav('left').toggle(); -->
107 
+                <i class="fa fa-bars pointer" ng-click="toggleMenu()" hide-gt-lg>42</i>
108 
+                <h1 flex>Your App</h1>
109 
+            </div>
110 
+
111 
+        </md-toolbar>
112 
+        <md-content layout="column" flex>
113 
+            <div>42</div>
114 
+            <div>42</div>
115 
+            <div>42</div>
116 
+            <div>42</div>
117 
+        </md-content>
118 
+    </div>
119 
+</div>
91 120
92 121 
 <script>
93 122 
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

+ 0
- 23
app/less/app.less View File 

@@ -32,25 +32,6 @@
32 32 
   background-color: rgba(0, 0, 0, 0.12);
33 33 
 }
34 34
35 
-.md-sidebar md-content {
36 
-  height: 100%;
37 
-  min-height: 150px;
38 
-}
39 
-
40 
-.md-main-content {
41 
-  //margin-left: 5px;
42 
-  background: none !important;
43 
-  height: 100%;
44 
-}
45 
-
46 
-.section-main {
47 
-  height: 100%;
48 
-}
49 
-
50 
-.welcome-message {
51 
-  font-size: large;
52 
-}
53 
-
54 35 
 @media (max-width: 479px){
55 36 
   .seven-cols .col-sm-1  {
56 37 
     width: 100%;
 
@@ -180,7 +161,3 @@
180 161 
 .course-dialog {
181 162 
   min-width: 400px;
182 163 
 }
183 
-
184 
-.md-sidebar md-content {
185 
-  height: auto;
186 
-}

Write Preview
Loading…
Cancel
Save