Commit 6d1cefb3 authored by Jacob's avatar Jacob

styling and iconstructure

parent 748530ec
......@@ -6,7 +6,7 @@ $pink: #e83e8c;
$red: #dc3545;
$orange: #fd7e14;
$yellow: #ffc107;
$green: #28a745;
$green: #799e1a;
$teal: #20c997;
$cyan: #17a2b8;
$white: #fff;
......
<div>
<!-- liste / default -->
<ul class="bli-list" *ngIf="displayType=='default' || !displayType">
<li *ngFor="let dimension of bliService.dimensions"><i
......@@ -84,7 +84,7 @@
<label class="checklabel">{{dimension.name}}</label>
</div>
</div>
<!-- Checkboxen / Alle Dimensionen ohne icons / Auf node-->
<div *ngIf="displayType=='checkboxes_non_icons'" class="bli-checkboxes">
<div class="form-check" *ngFor="let dimension of bliService.dimensions">
......@@ -98,7 +98,7 @@
<!-- Checkboxen / Alle Dimensionen / Auf node-->
<div *ngIf="displayType=='checkboxes_icons'" class="bli-checkboxes container">
<div *ngFor="let dimension of bliService.dimensions" [ngClass]="bliService.getIconClass(dimension.name)" class="form-group row">
<input (change)="node.toggleDimension(dimension)" [checked]="hasDimension(node,dimension.name)" type="checkbox">
<input class="entry_edit" (change)="node.toggleDimension(dimension)" [checked]="hasDimension(node,dimension.name)" type="checkbox">
<label class="checklabel col col-form-label">{{dimension.name}}</label>
</div>
</div>
......
......@@ -4,10 +4,10 @@
<div (click)="sharingCollapsed= !sharingCollapsed"
[attr.aria-expanded]="!sharingCollapsed" aria-controls="collapseSharing"
class="collapseSharing">
<h4><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- & Giving Angebote<i
<h5><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- & Giving Angebote<i
[ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sharingCollapsed,'fa-angle-right':sharingCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</h4>
</h5>
</div>
</div>
<div id="collapseSharing" [ngbCollapse]="sharingCollapsed">
......@@ -20,8 +20,8 @@
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Was wird an diesem Ort geteilt und/oder verschenkt?
z. B. Bücher, Erfahrung/Kompetenz/Wissen, Geräte/
Werkzeuge, Kleidung, Lebensmittel, Nutzflächen/Räume,
Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
Werkzeuge, Kleidung, Lebensmittel, Nutzflächen/Räume,
Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
</div>
</div>
<div class="form-group row">
......@@ -29,7 +29,7 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
<strong>Organisator*in</strong>
</label>
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Wer organisiert das Angebot/die Angebote jeweils?"></textarea>
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Wer organisiert das Angebot/die Angebote jeweils?"></textarea>
</div>
</div>
<div class="form-group row">
......@@ -37,7 +37,7 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
<strong>Kostenfreie Angebote</strong>
</label>
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot ist bzw. welche Angebote sind kostenfrei?"></textarea>
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot ist bzw. welche Angebote sind kostenfrei?"></textarea>
</div>
</div>
<div class="form-group row">
......@@ -45,7 +45,7 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
<strong>Kostenpflichtige Angebote</strong>
</label>
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot kostet bzw. welche Angebote kosten wie viel?"></textarea>
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot kostet bzw. welche Angebote kosten wie viel?"></textarea>
</div>
</div>
<!-- Kategorie -->
......@@ -62,9 +62,9 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
<div (click)="sustCollapsed= !sustCollapsed"
[attr.aria-expanded]="!sustCollapsed" aria-controls="collapseSust"
class="collapseSust">
<h4><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und nachhaltige Ernährung<i
<h5><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und nachhaltige Ernährung<i
[ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sustCollapsed,'fa-angle-right':sustCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i></h4>
aria-hidden="true">&nbsp;</i></h5>
</div>
</div>
<div id="collapseSust" [ngbCollapse]="sustCollapsed">
......@@ -75,7 +75,7 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
<strong>Angebote zum Thema nachhaltige Ernährung</strong>
</label>
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot kostet bzw. welche Angebote kosten wie viel?"></textarea>
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Welches Angebot kostet bzw. welche Angebote kosten wie viel?"></textarea>
</div>
</div>
<div class="form-group row">
......@@ -84,8 +84,8 @@ Telekommunikation, Verkehrsmittel, Zeit, ..."></textarea>
</label>
<div class="col-sm-8">
<textarea class="form-control" id="descriptionTextarea" rows="10" placeholder="Was für Produkte werden angeboten?
z. B. Eier, Fleisch, Gemüse, Getreide, Heu, Honig, Käse, Milch,
Mist, Obst, Saatgut, Saft, Spirituosen, Stroh, Wild, ..."></textarea>
z. B. Eier, Fleisch, Gemüse, Getreide, Heu, Honig, Käse, Milch,
Mist, Obst, Saatgut, Saft, Spirituosen, Stroh, Wild, ..."></textarea>
</div>
</div>
......
......@@ -4,9 +4,7 @@
width:445px;
transition: margin-left 0.4s;
z-index:1;
/* top:56px;
bottom:56px;*/
}
.searchtitle{
background:#fff;
......@@ -30,7 +28,7 @@ bottom:56px;*/
position: fixed;
display: block;
bottom: 120px;
top: 221px;
top: 217px;
width:405px;
background:#FFF;
overflow-y: scroll;
......@@ -61,19 +59,29 @@ form.searchForm div.form-check label {
right:0px;
z-index:1;
width:500px;
padding-bottom: 112px;
display:flex;
height:100%;
padding-bottom: 112px;
display:flex;
height:100%;
}
.sidecontainerright {
transition: margin-right 0.4s;
z-index:1;
}
.sidecontainerleft.ausgeblendet{
margin-left:-405px;
.sidecontainerleft.ausgeblendet {
margin-left: -405px;
}
@media only screen and (max-width: 1000px) {
.sidecontainerright {
width:300px;
}
.sidecontainerright.ausgeblendet{
margin-right:-265px!important;
}
.sidecontainerright.detail-label {
flex: 0 0 100%;
}
}
.sidecontainerright.ausgeblendet{
margin-right:-465px;
......@@ -107,7 +115,6 @@ height:100%;
}
#elementKey {
padding-right:20px;
}
.elementLinkOsm {
position: absolute;
......@@ -124,6 +131,7 @@ height:100%;
}
.elementlastedit{
float:right;
margin-top: 6px;
}
.searcheditPrepend {
......@@ -136,6 +144,7 @@ height:100%;
border-bottom-right-radius: 0;
line-height: 10px;
padding: 0 0 .75rem 0.25rem;
z-index: 100;
}
.searchetogglePrepend {
float:left;
......@@ -175,27 +184,21 @@ height:100%;
}
.searchinput {
border-radius: 0;
border: solid #5b90dc;
border: solid #94c11f;
border-right: 0px;
width:405px;
box-shadow:none;
}
.searchbuttonPrepend {
/*float:left;*/
width:45px;
height:39px;
position:absolute;
left:405px;
top:126px;
line-height: 1.5;
border-radius: 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0 0 0 0rem;
background-color:#5b90dc;
font-weight:bold;
color:#fff;
width: 40px;
position: absolute;
top: 126px;
line-height: 1.5;
padding:0;
background-color: #94c11f;
font-weight: bold;
color: #fff;
}
.search-results label {
......@@ -208,16 +211,16 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
}
div.list-group.search-results div div div.list-group-item.list-group-item-action.selected-item, div.list-group.search-results div div div.list-group-item.list-group-item-action.selected-item i {
color:#fff;
background-color:#5b90dc;
border:1px solid #5b90dc;
background-color:#799e1a;
border:1px solid #799e1a;
}
div.list-group.search-results div div div.list-group-item.list-group-item-action i {
color:#5b90dc;
color:#799e1a;
padding-right:5px;
}
.elementdetails > .name, #elementName, .searcheditPrepend {
background-color:#5b90dc;
background-color:#799e1a;
font-weight:bold;
color:#fff;
}
......
......@@ -8,7 +8,7 @@
-->
<div class="tabContent">
<!--<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="large" color="#fff" type="ball-spin-clockwise"></ngx-spinner>-->
<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="large" color="#fff" type="ball-spin-clockwise"></ngx-spinner>
<div class="searchtitle">Mache deinen Ort des Guten Lebens
sichtbar</div>
<form [formGroup]="searchForm" class="searchForm">
......@@ -38,14 +38,16 @@
</button>
-->
</div>
<div class="searchbutton float-right">
<div *ngIf="state=='visible'" class="searchbuttonPrepend">
<div class="searchbutton float-right">
<!--<div *ngIf="state=='visible'" class="searchbuttonPrepend">-->
<div class="searchbuttonPrepend">
<button (click)="search()" class="btn search-button"
type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</div>
</div>
<!--
<div class="form-check">
<input type="checkbox" formControlName="searchInDescription"
......@@ -78,7 +80,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>
</div>
</div>
......@@ -231,7 +233,7 @@
<div (click)="infoCollapsed= !infoCollapsed"
[attr.aria-expanded]="!infoCollapsed" aria-controls="collapseInfo"
class="collapseInfo">
<i class="_fa _fa-undo _fa-lg uiicon add_entry" aria-hidden="true">&nbsp;</i>Allgemeine
<i class="_fa _fa-undo _fa-lg uiicon info" aria-hidden="true">&nbsp;</i>Allgemeine
Informationen<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!infoCollapsed,'fa-angle-right':infoCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
......@@ -264,7 +266,7 @@
<strong>{{translateTagKey(tag.key)}}</strong>
</label>
<div class="col">
<span class="form-control-plaintext" id="elementKey">{{tag.value}} <a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a></span>
<span class="form-control-plaintext" id="elementKey">{{tag.value}} <a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a></span>
</div>
</div>
<div *ngFor="let tag of nodeService.detailView.tags"
......@@ -291,7 +293,7 @@
<div (click)="descCollapsed = !descCollapsed"
[attr.aria-expanded]="!descCollapsed"
aria-controls="collapseDescription" class="collapseDescription">
<i class="fa fa-undo fa-lg" aria-hidden="true">&nbsp;</i>Dieser Ort und sein Netzwerk<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!descCollapsed,'fa-angle-right':descCollapsed, 'fa-right':true}"
<i class="_fa _fa-undo _fa-lg listicon gp_network" aria-hidden="true">&nbsp;</i>Dieser Ort und sein Netzwerk<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!descCollapsed,'fa-angle-right':descCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
</div>
......@@ -346,7 +348,7 @@
<div (click)="sharingCollapsed = !sharingCollapsed"
[attr.aria-expanded]="sharingCollapsed" aria-controls="collapseSharing"
class="collapseSharing">
<i class="fa fa-undo fa-lg" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- und Giving-Angebote<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sharingCollapsed,'fa-angle-right':sharingCollapsed, 'fa-right':true}"
<i class="uiicon gp_sharing" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- und Giving-Angebote<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sharingCollapsed,'fa-angle-right':sharingCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
</div>
......@@ -370,10 +372,10 @@
<button type="button" (click)="edit(nodeService.detailView)" class="btn elementeditbutton">Diesen Ort bearbeiten</button>
</div>
<div *ngIf="!authService.isLoggedIn()" class="elementeditbuttonwrap">
<button 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 elementeditbutton">Diesen Ort bearbeiten</button>
<button 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>
</div>
</div>
<div class="elementlastedit">Letzte Änderung {{nodeService.detailView.last_change_date | date:medium}}</div>
<div class="elementlastedit">Letzte Änderung: {{nodeService.detailView.last_change_date | date:medium}}</div>
</div>
</div>
</div>
......
......@@ -4,9 +4,9 @@
<div (click)="descCollapsed= !descCollapsed"
[attr.aria-expanded]="!descCollapsed" aria-controls="collapseDescription"
class="collapseDescription">
<h4><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Netzwerk<i
<h5><i class="" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Netzwerk<i
[ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!descCollapsed,'fa-angle-right':descCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i></h4>
aria-hidden="true">&nbsp;</i></h5>
</div>
</div>
<div id="collapseDescription" [ngbCollapse]="descCollapsed">
......@@ -27,7 +27,7 @@
<input type="text" class="form-control" id="elementLegalform" value="dummy" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row">
......@@ -42,7 +42,7 @@
<input type="text" class="form-control" id="elementFoundingyear" value="dummy" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row">
......@@ -71,4 +71,4 @@
</div>
</div>
</div>
</div>
\ No newline at end of file
</div>
......@@ -21,7 +21,7 @@
<input type="text" class="form-control" id="elementOsmid" value="{{node.getOsmId()}}" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
......@@ -31,7 +31,7 @@
<input type="text" class="form-control" id="elementTyp" value="{{node.getOsmType()}}" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
......@@ -43,11 +43,11 @@
<input type="text" class="form-control" id="elementKey" value="dummy" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="fa fa-link fa-lg elementLinkOsm"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
</div>
......@@ -3,14 +3,14 @@
</div>
<div class="modal-body">
<div class="modal-wrap modaltest">
<div class="modal-wrap modalsearchPartner">
<div class="container">
<h1>Netzwerkpartner suchen</h1>
<p>Netzwerkpartner sind...</p>
<form class="searchForm">
<div class="">
<input type="text"
<input type="text"
class="form-control searchinput" placeholder="z.B. Name eines Vereins" />
</div>
<div class="searchbutton float-right">
......@@ -25,7 +25,7 @@
<div >
<div>
<i class="fa fa-map-marker fa-lg" aria-hidden="true"></i>
<label class="switch"><input type="checkbox"><span class="slider round"></span> </label>
</div>
</div>
......@@ -36,10 +36,10 @@
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="modal-footer">
<button type="button" class="btn btn-primary" (click)="modalService.close('Close click')" ngbAutofocus>Auswahl hinzufügen</button>
</div>
......@@ -97,6 +97,37 @@
background: url("/assets/icons/gp_delete.svg") no-repeat 0 0;
background-size: 16px;
}
.info:before {
background: url("/assets/icons/gp_info.svg") no-repeat 0 0;
background-size: 16px;
}
.gp_network:before {
background: url("/assets/icons/gp_network.svg") no-repeat 0 0;
background-size: 16px;
}
.gp_sharing:before {
background: url("/assets/icons/gp_sharing.svg") no-repeat 0 0;
background-size: 16px;
}
.gp_osmlink:before {
background: url("/assets/icons/gp_osmlink.svg") no-repeat 0 0;
background-size: 25px;
float: right;
}
.listicon:before{
display: inline-block;
width:25px;
height: 19px;
margin: 0px 0px -6px 0px;
content: "";
background-position: center;
}
.uiicon:before{
display: inline-block;
width:25px;
......@@ -104,3 +135,4 @@
margin: 0px 0px -6px 0px;
content: "";
}
......@@ -73,6 +73,7 @@ div.big-widget {
.item-detail {
margin-bottom: 0rem;
//height:40px;
}
......@@ -149,32 +150,40 @@ app-bli.bli-app div div.bli-icons div.list-group div.list-group-item div.bliicon
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
-moz-box-shadow: inset 0 2px 0px #aaa;
-webkit-box-shadow: inset 0 2px 0px #aaa;
box-shadow: inset 0 2px 0px #aaa;
}
.slider:before {
position: absolute;
content: "";
height: 10px;
width: 10px;
left: 4px;
bottom: 4px;
height: 12px;
width: 12px;
left: 2px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
-webkit-box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
}
input:checked + .slider {
background-color: #2196F3;
background-color: #94c11f;
-moz-box-shadow: inset 0 2px 0px #4d680f;
-webkit-box-shadow: inset 0 2px 0px #4d680f;
box-shadow: inset 0 2px 0px #4d680f
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}
/* Rounded sliders */
......@@ -279,12 +288,9 @@ ol.level3 li:before {
}
.bli-app {
height:100px;
//height:100px;
}
.btn-sm {
height: 20px;
}
.right, .fa-right {
float:right;
}
......@@ -340,3 +346,9 @@ ol.level3 li:before {
.dropdown-menu {
padding:0;
}
.entry_edit{
margin: 10px 0;
}
......@@ -248,32 +248,40 @@ app-bli.bli-app div div.bli-icons div.list-group div.list-group-item div.bliicon
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
-moz-box-shadow: inset 0 2px 0px #aaa;
-webkit-box-shadow: inset 0 2px 0px #aaa;
box-shadow: inset 0 2px 0px #aaa;
}
.slider:before {
position: absolute;
content: "";
height: 10px;
width: 10px;
left: 4px;
bottom: 4px;
height: 12px;
width: 12px;
left: 2px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
-webkit-box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
box-shadow: 0 2px 0px 0px rgba(0,0,0,0.19);
}
input:checked + .slider {
background-color: #2196F3;
-moz-box-shadow: inset 0 2px 0px #1365a7;
-webkit-box-shadow: inset 0 2px 0px #1365a7;
box-shadow: inset 0 2px 0px #4d680f
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}
/* Rounded sliders */
......@@ -378,7 +386,7 @@ ol.level3 li:before {
}
.bli-app {
}
.btn-sm {
......@@ -421,9 +429,9 @@ ol.level3 li:before {
/* modals */
.modal-wrap {
}
.modal-wrap-com {
height:400px;
overflow-y: scroll;
}
\ No newline at end of file
}
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