Skip to content

Commit 3b6efed

Browse files
femavefemave
committed
litle change to responsive
1 parent 6c71881 commit 3b6efed

File tree

7 files changed

+50
-6
lines changed

7 files changed

+50
-6
lines changed

‎public/app/includes/loggedNav.html

+22-3
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,33 @@
1212

1313
<ul class="nav navbar-nav navbar-right">
1414
<li class="dropdown">
15-
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><p>Logged as {{loggedUser}}</p></a>
15+
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
16+
<p>Logged as {{loggedUser}}</p>
17+
</a>
1618
<ul class="dropdown-menu">
19+
<li><a href="#!/mi-perfil"><i class="fa fa-user-o"></i> Start my project</a></li>
1720
<li><a href="#!/mi-perfil"><i class="fa fa-user-o"></i> Profile</a></li>
1821
<li><a href="#!/favourites"><i class="fa fa-star"></i> Favourites</a></li>
1922
<li><a href="#!/myProject"><i class="fa fa-suitcase"></i> My projects</a></li>
2023
<li role="separator" class="divider"></li>
2124
<li><a href="/" ng-click="logout()"><i class="fa fa-sign-out"></i> Log out</a></li>
22-
</ul>
25+
</li>
2326
</ul>
27+
</ul>
2428
</div>
25-
</nav>
29+
<ul class="nav navbar-nav navbar-right hidden-md hidden-lg hidden-sm pull-right">
30+
<li class="dropdown">
31+
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
32+
<p>Logged as {{loggedUser}}</p>
33+
</a>
34+
<ul class="dropdown-menu">
35+
<li><a href="#!/mi-perfil"><i class="fa fa-user-o"></i> Start my project</a></li>
36+
<li><a href="#!/mi-perfil"><i class="fa fa-user-o"></i> Profile</a></li>
37+
<li><a href="#!/favourites"><i class="fa fa-star"></i> Favourites</a></li>
38+
<li><a href="#!/myProject"><i class="fa fa-suitcase"></i> My projects</a></li>
39+
<li role="separator" class="divider"></li>
40+
<li><a href="/" ng-click="logout()"><i class="fa fa-sign-out"></i> Log out</a></li>
41+
</li>
42+
</ul>
43+
</ul>
44+
</nav>

‎public/app/includes/nologgedNav.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<nav class="navbar navbar-default">
22
<div class="container">
3-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
3+
<div>
44
<a class="navbar-brand" href="/">
55
<img alt="WebDeveloper" src="">
66
</a>

‎public/app/index.html

+1
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="../bower_components/ng-tags-input/ng-tags-input.min.css">
1111
<link href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-toaster/1.1.0/toaster.min.css" rel="stylesheet" />
1212
<link rel="stylesheet" href="../css/styles.css">
13+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
1314
</head>
1415
<body>
1516
<header>

‎public/app/routes/projectPage/template.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ <h3>Why this proejct:</h3>
5757
</div>
5858

5959
</div>
60-
<div class="col-md-3 col-md-offset-1 myAffix" >
60+
<div class="col-md-3 col-md-offset-1 myAffix">
6161
<h3>Developers needed:</h3>
6262
<div class="developersNeeded" ng-repeat="dev in project.developers track by $index">
6363
<p id="{{$index}}" class="pull-left"><i ng-show="options" class="fa fa-trash-o" ng-click="deleteDev($index)"></i> {{dev}}</p><a><button ng-click="joinProject()" class='pull-right btn btn-default'>Join project</button></a>

‎public/css/styles.css

+10
Original file line numberDiff line numberDiff line change
@@ -373,6 +373,16 @@ footer {
373373
justify-content: space-between;
374374
padding-bottom: 10px !important; }
375375

376+
@media (max-width: 990px) {
377+
.myAffix {
378+
display: block; }
379+
.affix {
380+
position: static;
381+
display: block; }
382+
.developersNeeded {
383+
text-align: center;
384+
justify-content: space-around; } }
385+
376386
.tab-content {
377387
text-align: center;
378388
padding: 15px; }

‎public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<header>
1313
<nav class="navbar navbar-default">
1414
<div class="container">
15-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
15+
<div>
1616
<a class="navbar-brand" href="#">
1717
<img alt="WebDeveloper" src="">
1818
</a>

‎src/scss/styles.scss

+14
Original file line numberDiff line numberDiff line change
@@ -507,6 +507,20 @@ footer {
507507
padding-bottom:10px !important;
508508
}
509509

510+
@media (max-width: 990px){
511+
.myAffix{
512+
display:block;
513+
}
514+
.affix{
515+
position:static;
516+
display:block;
517+
}
518+
.developersNeeded{
519+
text-align: center;
520+
justify-content: space-around;
521+
}
522+
}
523+
510524
.tab-content{
511525
text-align: center;
512526
padding: 15px;

0 commit comments

Comments
 (0)