hv/hv-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

drop all css

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2021-01-19 12:25:40 +01:00
parent a64b838fab
commit 2f7e516273
10 changed files with 4 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
hv-ui/src/app/app.component.css
View File

@ -1,23 +0,0 @@
/* AppComponent's private CSS styles */
h1 {
font-size: 1.2em;
margin-bottom: 0;
}
nav a {
padding: 5px 10px;
text-decoration: none;
margin-top: 10px;
display: inline-block;
background-color: #eee;
border-radius: 4px;
}
nav a:visited, a:link {
color: #334953;
}
nav a:hover {
color: #039be5;
background-color: #cfd8dc;
}
nav a.active {
color: #039be5;
}

20
hv-ui/src/app/messages/messages.component.css
View File

@ -1,20 +0,0 @@
/* MessagesComponent's private CSS styles */
h2 {
color: red;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
}
button.clear {
font-family: Arial, sans-serif;
color: #333;
background-color: #eee;
margin-bottom: 12px;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #cfd8dc;
}

3
hv-ui/src/app/messages/messages.component.html
View File

@ -1,8 +1,7 @@
<div *ngIf="messageService.messages.length">
<h2>Messages</h2>
<button class="clear"
(click)="messageService.clear()">clear</button>
<button (click)="messageService.clear()">clear</button>
<div *ngFor='let message of messageService.messages'> {{message}} </div>
</div>

57
hv-ui/src/app/mieters/mieters.component.css
View File

@ -1,57 +0,0 @@
/* HeroesComponent's private CSS styles */
.mieters {
margin: 0 0 2em 0;
list-style-type: none;
padding: 0;
width: 15em;
}
.mieters li {
cursor: pointer;
position: relative;
left: 0;
background-color: #EEE;
margin: .5em;
padding: .3em 0;
height: 1.6em;
border-radius: 4px;
}
.mieters li:hover {
color: #607D8B;
background-color: #DDD;
left: .1em;
}
.mieters li.selected {
background-color: #CFD8DC;
color: white;
}
.mieters li.selected:hover {
background-color: #BBD8DC;
color: white;
}
.mieters .badge {
display: inline-block;
font-size: small;
color: white;
padding: 0.8em 0.7em 0 0.7em;
background-color:#405061;
line-height: 1em;
position: relative;
left: -1px;
top: -4px;
height: 1.8em;
margin-right: .8em;
border-radius: 4px 0 0 4px;
}
.mieters a {
color: #333;
text-decoration: none;
position: relative;
display: block;
width: 250px;
}
.mieters a:hover {
color:#607D8B;
}

2
hv-ui/src/app/mieters/mieters.component.html
View File

@ -1,5 +1,5 @@
<h2>Meine Mieter</h2>
<ul class="mieters">
<ul>
<li *ngFor="let mieter of mieters"
routerLink="/mieter/{{mieter.id}}">
<span>{{mieter.vorname}} {{mieter.nachname}}</span>

57
hv-ui/src/app/objekte/objekte.component.css
View File

@ -1,57 +0,0 @@
/* HeroesComponent's private CSS styles */
.objekte {
margin: 0 0 2em 0;
list-style-type: none;
padding: 0;
width: 15em;
}
.objekte li {
cursor: pointer;
position: relative;
left: 0;
background-color: #EEE;
margin: .5em;
padding: .3em 0;
height: 1.6em;
border-radius: 4px;
}
.objekte li:hover {
color: #607D8B;
background-color: #DDD;
left: .1em;
}
.objekte li.selected {
background-color: #CFD8DC;
color: white;
}
.objekte li.selected:hover {
background-color: #BBD8DC;
color: white;
}
.objekte .badge {
display: inline-block;
font-size: small;
color: white;
padding: 0.8em 0.7em 0 0.7em;
background-color:#405061;
line-height: 1em;
position: relative;
left: -1px;
top: -4px;
height: 1.8em;
margin-right: .8em;
border-radius: 4px 0 0 4px;
}
.objekte a {
color: #333;
text-decoration: none;
position: relative;
display: block;
width: 250px;
}
.objekte a:hover {
color:#607D8B;
}

2
hv-ui/src/app/objekte/objekte.component.html
View File

@ -1,5 +1,5 @@
<h2>Meine Objekte</h2>
<ul class="objekte">
<ul>
<li *ngFor="let objekt of objekte"
routerLink="/wohnungen/{{objekt.id}}">
<span>{{objekt.shortname}}</span>

57
hv-ui/src/app/wohnungen/wohnungen.component.css
View File

@ -1,57 +0,0 @@
/* HeroesComponent's private CSS styles */
.wohnungen {
margin: 0 0 2em 0;
list-style-type: none;
padding: 0;
width: 15em;
}
.wohnungen li {
cursor: pointer;
position: relative;
left: 0;
background-color: #EEE;
margin: .5em;
padding: .3em 0;
height: 1.6em;
border-radius: 4px;
}
.wohnungen li:hover {
color: #607D8B;
background-color: #DDD;
left: .1em;
}
.wohnungen li.selected {
background-color: #CFD8DC;
color: white;
}
.wohnungen li.selected:hover {
background-color: #BBD8DC;
color: white;
}
.wohnungen .badge {
display: inline-block;
font-size: small;
color: white;
padding: 0.8em 0.7em 0 0.7em;
background-color:#405061;
line-height: 1em;
position: relative;
left: -1px;
top: -4px;
height: 1.8em;
margin-right: .8em;
border-radius: 4px 0 0 4px;
}
.wohnungen a {
color: #333;
text-decoration: none;
position: relative;
display: block;
width: 250px;
}
.wohnungen a:hover {
color:#607D8B;
}

2
hv-ui/src/app/wohnungen/wohnungen.component.html
View File

@ -3,7 +3,7 @@
<p>
Objektfläche: {{objekt.flaeche}}
</p>
<ul class="wohnungen">
<ul>
<li *ngFor="let wohnung of wohnungen">
<span>{{wohnung.shortname}}</span>: <span>{{wohnung.flaeche}}</span>m²
</li>

22
hv-ui/src/styles.css
View File

@ -1,22 +0,0 @@
/* Application-wide Styles */
h1 {
color: #369;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}
h2, h3 {
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
}
body {
margin: 2em;
}
body, input[type="text"], button {
color: #333;
font-family: Cambria, Georgia, serif;
}
/* everywhere else */
* {
font-family: Arial, Helvetica, sans-serif;
}