Sfoglia il codice sorgente

ui test

tags/1.1.0
Robin Thoni 8 anni fa
parent
commit
4499215e36
2 ha cambiato i file con 41 aggiunte e 35 eliminazioni
  1. 41
    12
      app/index.html
  2. 0
    23
      app/less/app.less

+ 41
- 12
app/index.html Vedi 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 Vedi 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
-}

Loading…
Annulla
Salva