Commit 4158f4ae authored by Jacob's avatar Jacob

styling

parent 94fc0702
......@@ -25,9 +25,12 @@ $theme-colors: (primary: $green, secondary: $gray-600, success: $green, info: $c
$colors: (blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600,gray-dark: $gray-800);
$theme-color-interval: 8%;
$h1-font-size: 1.5rem;
$h2-font-size: 1.5rem;
$h3-font-size: 1.5rem;
$h1-font-size: 1.3rem;
$h2-font-size: 1.3rem;
$h3-font-size: 1.3rem;
$nav-link-disabled-color: #E6E6E6;
$navbar-dark-active-color: #E6E6E6;
$input-disabled-bg: $gray-200;
$input-placeholder-color: $gray-400;
<div class="widget-wrap big-widget">
<div class="container contact">
<div class="container contact pagecontainer">
<h1 class="entry-title">Kontakt GeoPortal</h1>
<!--<h5>Transformationsstadt</h5>
<a href="mailto:info@transformationsstadt.de"><span
......@@ -35,4 +35,4 @@
<button type="submit" class="btn btn-primary" disabled>Senden</button>
</form>
</div>
</div>
\ No newline at end of file
</div>
<div class="widget-wrap big-widget">
<div class="container imprint">
<div class="container imprint pagecontainer">
<div markdown [src]="'assets/markdown/Mitwirken.md'"></div>
</div>
</div>
\ No newline at end of file
</div>
<div class="widget-wrap big-widget">
<div class="container contact">
<div class="container contact pagecontainer">
<div markdown [src]="'assets/markdown/UeberDasProjekt.md'"></div>
</div>
</div>
<div class="widget-wrap big-widget">
<div class="container imprint">
<div class="container imprint pagecontainer">
<div markdown [src]="'assets/markdown/Impressum.md'"></div>
</div>
</div>
<div class="widget-wrap big-widget">
<div class="container imprint">
<div class="container imprint pagecontainer">
<div markdown [src]="'assets/markdown/Datenschutz.md'"></div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" routerLink="home" href="#"> GEO<b>PORTAL</b> DES <b>GUTEN
LEBENS</b>
</a>
<button class="navbar-toggler" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" routerLink="search" routerLinkActive="active"
href="#">Karte<span class="caret"></span></a></li>
<li class="nav-item"><a class="nav-link" routerLink="home" routerLinkActive="active"
href="#">&Uuml;ber das Projekt<span class="caret"></span></a></li>
<!--
<li class="nav-item"><a class="nav-link" routerLink="discover" routerLinkActive="active"
href="#">Entdecken<span class="caret"></span></a></li>
-->
<!--
<li class="nav-item"><a class="nav-link" routerLink="help" routerLinkActive="active"
href="#">Hilfe<span class="caret"></span></a></li>
-->
<li class="nav-item"><a class="nav-link" routerLink="contribute" routerLinkActive="active"
href="#">Mitwirken<span class="caret"></span></a></li>
<li class="nav-item"><a class="nav-link"
href="{{apiService.apiURL}}/GeoElements/EdgeList">Datenexport<span class="caret"></span></a></li>
</ul>
<a class="navbar-brand" routerLink="home" href="#"> GEO<b>PORTAL</b> DES <b>GUTEN LEBENS</b> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" routerLink="search" routerLinkActive="active"
href="#">Karte<span class="caret"></span></a></li>
<li class="nav-item"><a class="nav-link" routerLink="home" routerLinkActive="active"
href="#">&Uuml;ber das Projekt<span class="caret"></span></a></li>
<!--<li class="nav-item"><a class="nav-link" routerLink="discover" routerLinkActive="active"
href="#">Entdecken<span class="caret"></span></a></li>-->
<!--<li class="nav-item"><a class="nav-link" routerLink="help" routerLinkActive="active"
href="#">Hilfe<span class="caret"></span></a></li>-->
<li class="nav-item"><a class="nav-link" routerLink="contribute" routerLinkActive="active"
href="#">Mitwirken<span class="caret"></span></a></li>
<li class="nav-item"><a class="nav-link"
href="{{apiService.apiURL}}/GeoElements/EdgeList">Datenexport<span class="caret"></span></a></li>
</ul>
<ul class="navbar-nav navbar-right">
<!--<li class="nav-item"><a class="nav-link" routerLink="messages" href="#">Messages</a></li>-->
<!-- <li *ngIf="!authService.loggedIn"><button class="btn btn-light buttonicon message" routerLink="messages" href="#" type="button">Messages</button></li> -->
<li *ngIf="!authService.loggedIn"><button type="button" (click)="modalService.open('login',true)" class="btn btn-light buttonicon login">Anmelden | Registrieren</button></li>
<div ngbDropdown class="dropdown" *ngIf="authService.loggedIn">
<button ngbDropdownToggle class="btn btn-light buttonicon profile" type="button" id="profilMenuButton">{{authService.currentUser.username}}</button>
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="profilMenuButton">
<a class="dropdown-item" href="#" routerLink="userprofile">Mein Profil</a>
<a class="dropdown-item" href="#" routerLink="messages">Nachrichten</a>
<a class="dropdown-item" (click)="logout()">Logout</a>
<!-- <a class="dropdown-item" href="#" routerlink="">Abmelden</a>-->
</div>
<button ngbDropdownToggle class="btn btn-light buttonicon profile" type="button" id="profilMenuButton">{{authService.currentUser.username}}</button>
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="profilMenuButton">
<a class="dropdown-item" href="#" routerLink="userprofile">Mein Profil</a>
<a class="dropdown-item" href="#" routerLink="messages">Nachrichten</a>
<a class="dropdown-item" (click)="logout()">Logout</a>
<!-- <a class="dropdown-item" href="#" routerlink="">Abmelden</a>-->
</div>
</div>
<li *ngIf="authService.loggedIn"><button type="button" (click)="modalService.openLg('AddSomethingComponent',true)" class="btn btn-light buttonicon add_entry">Etwas Eintragen!</button></li>
......@@ -47,8 +38,4 @@
<li *ngIf="authService.loggedIn" class="nav-item"><a class="nav-link" routerLink="createEntry" href="#">Eintragen</a></li>-->
</ul>
</div>
</nav>
......@@ -21,24 +21,42 @@ div.ol-debug{
display:block;
position:absolute;
left: 5px;
/*left:0;
top:30vh;*/
z-index:1;
border-radius: 0;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.ol-zoomOutButton{
display:block;
position:absolute;
left: 45px;
/*left:5vh;
top:30vh;*/
left: 41px;
z-index:1;
border-left:1px solid #ccc;
border-radius: 0;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.zoombtn {
border-radius: 50%;
/*border-radius: 50%;*/
background-color: #fff;
bottom: 65px;
height: 36px;
width: 36px;
color: #333;
font-size: 20px;
line-height: 8px;
padding-bottom: 9px;
}
.zoombtn:active{
background-color: #ccc;
}
......@@ -16,4 +16,8 @@ i {
background-position:15px 3px;
display: flex;
flex-wrap: wrap;
}
\ No newline at end of file
}
.bli-check {
margin-top: 10px;
}
......@@ -98,7 +98,7 @@
<!-- Checkboxen / Alle Dimensionen / Auf node-->
<div *ngIf="displayType=='checkboxes_icons'" class="bli-checkboxes">
<div *ngFor="let dimension of bliService.dimensions" [ngClass]="bliService.getIconClass(dimension.name)" class="">
<input (change)="node.toggleDimension(dimension)" [checked]="hasDimension(node,dimension.name)" type="checkbox">
<input class="bli-check"(change)="node.toggleDimension(dimension)" [checked]="hasDimension(node,dimension.name)" type="checkbox">
<label class="checklabel col col-form-label">{{dimension.name}}</label>
</div>
</div>
......
<div class="widget-wrap big-widget">
<div class="container imprint">
<div class="container imprint pagecontainer">
<h1>Hilfe</h1>
<h2>FAQ</h2>
<h2>Kontakt</h2>
</div>
</div>
\ No newline at end of file
</div>
......@@ -21,11 +21,11 @@
<div id="accordion">
<div class="card">
<div class="card-header" id="details1">
<h4 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<h5 class="mb-0">
<button class="btn btn-link card-header" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Allgemeine Informationen
</button>
</h4>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="details1" data-parent="#accordion">
......@@ -44,7 +44,7 @@
</div>
<div id="collapseTwo" class="collapse show" aria-labelledby="details2" data-parent="#accordion">
<div class="card-body">
<p>Wie sind Projekte, Initiativen und Vereine aufgebaut und vernetzt?</p>
<p>Wie sind Projekte, Initiativen und Vereine aufgebaut und vernetzt?</p>
<h5>Dimensionen des Guten Lebens in diesem Bereich</h5>
<!-- <app></app> -->
<h5>Organisationsform</h5>
......
<div class="widget-wrap big-widget">
<div class="container">
<div class="container pagecontainer">
<div markdown [src]="'assets/markdown/Nutzungsbedingungen.md'"></div>
</div>
</div>
......@@ -289,7 +289,7 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
line-height: 10px;
padding: 10px;
color: #fff;
background-color: #b2b2b2;
background-color: #333;
font-weight: bold;
border-width: 0px 0;
}
......@@ -298,7 +298,7 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
line-height: 10px;
padding: 10px;
color: #fff;
background-color: #b2b2b2;
background-color: #333;
font-weight: bold;
border-width: 0px 0;
}
......
......@@ -94,7 +94,7 @@
(click)="show(elem)">
<i class="fa fa-map-marker fa-lg" aria-hidden="true"></i>
{{elem.name}}
<label class="switch"><input type="checkbox"><span class="slider round"></span> </label>
<!--<label class="switch"><input type="checkbox"><span class="slider round"></span> </label>-->
<div *ngIf="elem.id" class="elemexists">
<i class="fa fa-check fa-1" aria-hidden="true"></i>Im GeoPortal
vorhanden
......@@ -368,8 +368,8 @@
<div class="elementfooter">
<div class="elementedit">
<div *ngIf="authService.isLoggedIn()" class="btn-primary elementeditbuttonwrap">
<button type="button" (click)="edit(nodeService.detailView)" class="btn elementeditbutton">Diesen Ort bearbeiten</button>
<div *ngIf="authService.isLoggedIn()" class="elementeditbuttonwrap">
<button type="button" (click)="edit(nodeService.detailView)" class="btn btn-primary elementeditbutton">Diesen Ort bearbeiten</button>
</div>
<div *ngIf="!authService.isLoggedIn()" class="btn-primary elementeditbuttonwrap">
<button class="btn btn-primary" title="Du musst angemeldet sein um Orte zu bearbeiten." alt="Du musst angemeldet sein um Orte zu bearbeiten." type="button" (click)='edit(nodeService.detailView)' class="btn btn-primary elementeditbutton">Diesen Ort bearbeiten</button>
......
.city{
font-size:0.75em;
color:#797979;
color:#eee;
margin-left:1em;
}
......
This diff is collapsed.
......@@ -32,7 +32,7 @@ div.hspace{
div.big-widget {
width:100%;
max-width:100%;
background:#fff;
background:#fafafa;
min-height:796px;
}
......@@ -353,3 +353,7 @@ ol.level3 li:before {
.ol-attribution.ol-uncollapsible {
height: 1.5em;
}
.pagecontainer {
max-width: 800px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment