Styles angepasst

This commit is contained in:
2016-02-04 21:53:35 +01:00
parent 31bafd271f
commit 28234a29b2
25 changed files with 98 additions and 90 deletions

View File

@@ -43,6 +43,7 @@
}
.bar-custom{
background-color: #A50505 !important;
background-image: linear-gradient(
hsla(0, 94%, 33%, 1) 20%,
hsl(0,94%,54%) 90%

View File

@@ -11,16 +11,16 @@ angular.module('starter.controllers', [])
$scope.backgroundpic = "1";
$scope.backgrounds = [
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image="http://api.raataar.de/rosen/bg_1.png"},
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image="http://api.raataar.de/rosen/bg_2.png"},
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image="http://api.raataar.de/rosen/bg_3.png"},
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image="http://api.raataar.de/rosen/bg_4.png"},
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image="http://api.raataar.de/rosen/bg_5.png"},
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image="http://api.raataar.de/rosen/bg_6.png"},
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image="http://api.raataar.de/rosen/bg_7.png"},
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image="http://api.raataar.de/rosen/bg_8.png"},
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image="http://api.raataar.de/rosen/bg_9.png"},
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image="http://api.raataar.de/rosen/bg_10.png"},
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image: "http://api.raataar.de/rosen/bg/bg_1.png"},
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image: "http://api.raataar.de/rosen/bg/bg_2.png"},
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image: "http://api.raataar.de/rosen/bg/bg_3.png"},
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image: "http://api.raataar.de/rosen/bg/bg_4.png"},
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image: "http://api.raataar.de/rosen/bg/bg_5.png"},
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image: "http://api.raataar.de/rosen/bg/bg_6.png"},
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image: "http://api.raataar.de/rosen/bg/bg_7.png"},
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image: "http://api.raataar.de/rosen/bg/bg_8.png"},
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image: "http://api.raataar.de/rosen/bg/bg_9.png"},
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image: "http://api.raataar.de/rosen/bg/bg_10.png"},
];

View File

@@ -11,7 +11,7 @@
<textarea placeholder="" rows="4" cols="10" class="oleo-small" ng-model="$parent.freitext"></textarea>
</label>
<div
<div>
<div class="col col-100"><button class="button button-full button-small icon-left ion-android-hangout button-custom" ng-click="loadzitat()">kleine Hilfe? (Zufallstext)</button>
</div>
@@ -47,12 +47,14 @@
</div>
<div style="padding-bottom:15px;">
<button class="button button-full button-custom" modal-select="" ng-model="backgroundpic" options="backgrounds" on-select="getBackgroundOpt(newValue, oldValue)" modal-title="Hintergrund wählen">
<button class="button button-full button-custom" modal-select="" ng-model="backgroundpic" options="backgrounds" on-select="getBackgroundOpt(newValue, oldValue)" modal-title="Hintergrund wählen" header-footer-class="bar-assertive bar-custom" cancel-button="Abbrechen" hide-reset="true">
{{ 'Hintergrund: ' + $parent.backgroundpic || 'Hintergrund'}}
<div class="option" class="item-thumbnail-left">
<img ng-src="{{option.image}}">
<h2>{{option.name}}</h2>
<p>{{option.beschreibung}}</p>
<div class="option">
<div class="row">
<div class="col col-20"><img ng-src="{{option.image}}" width="64" height="64"></div>
<div class="col col-80"><h2>{{option.name}}</h2><p>{{option.beschreibung}}</p></div>
</div>
</div>
</button>
</div>

View File

@@ -43,6 +43,7 @@
}
.bar-custom{
background-color: #A50505 !important;
background-image: linear-gradient(
hsla(0, 94%, 33%, 1) 20%,
hsl(0,94%,54%) 90%

View File

@@ -11,16 +11,16 @@ angular.module('starter.controllers', [])
$scope.backgroundpic = "1";
$scope.backgrounds = [
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image="http://api.raataar.de/rosen/bg_1.png"},
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image="http://api.raataar.de/rosen/bg_2.png"},
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image="http://api.raataar.de/rosen/bg_3.png"},
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image="http://api.raataar.de/rosen/bg_4.png"},
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image="http://api.raataar.de/rosen/bg_5.png"},
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image="http://api.raataar.de/rosen/bg_6.png"},
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image="http://api.raataar.de/rosen/bg_7.png"},
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image="http://api.raataar.de/rosen/bg_8.png"},
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image="http://api.raataar.de/rosen/bg_9.png"},
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image="http://api.raataar.de/rosen/bg_10.png"},
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image: "http://api.raataar.de/rosen/bg/bg_1.png"},
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image: "http://api.raataar.de/rosen/bg/bg_2.png"},
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image: "http://api.raataar.de/rosen/bg/bg_3.png"},
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image: "http://api.raataar.de/rosen/bg/bg_4.png"},
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image: "http://api.raataar.de/rosen/bg/bg_5.png"},
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image: "http://api.raataar.de/rosen/bg/bg_6.png"},
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image: "http://api.raataar.de/rosen/bg/bg_7.png"},
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image: "http://api.raataar.de/rosen/bg/bg_8.png"},
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image: "http://api.raataar.de/rosen/bg/bg_9.png"},
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image: "http://api.raataar.de/rosen/bg/bg_10.png"},
];

View File

@@ -11,7 +11,7 @@
<textarea placeholder="" rows="4" cols="10" class="oleo-small" ng-model="$parent.freitext"></textarea>
</label>
<div
<div>
<div class="col col-100"><button class="button button-full button-small icon-left ion-android-hangout button-custom" ng-click="loadzitat()">kleine Hilfe? (Zufallstext)</button>
</div>
@@ -47,12 +47,14 @@
</div>
<div style="padding-bottom:15px;">
<button class="button button-full button-custom" modal-select="" ng-model="backgroundpic" options="backgrounds" on-select="getBackgroundOpt(newValue, oldValue)" modal-title="Hintergrund wählen">
<button class="button button-full button-custom" modal-select="" ng-model="backgroundpic" options="backgrounds" on-select="getBackgroundOpt(newValue, oldValue)" modal-title="Hintergrund wählen" header-footer-class="bar-assertive bar-custom" cancel-button="Abbrechen" hide-reset="true">
{{ 'Hintergrund: ' + $parent.backgroundpic || 'Hintergrund'}}
<div class="option" class="item-thumbnail-left">
<img ng-src="{{option.image}}">
<h2>{{option.name}}</h2>
<p>{{option.beschreibung}}</p>
<div class="option">
<div class="row">
<div class="col col-20"><img ng-src="{{option.image}}" width="64" height="64"></div>
<div class="col col-80"><h2>{{option.name}}</h2><p>{{option.beschreibung}}</p></div>
</div>
</div>
</button>
</div>

View File

@@ -18,7 +18,7 @@ document.getElementById(id+'Link').style.display = 'none';
<body>
<h1>Lint Report</h1>
<div class="titleSeparator"></div>
Check performed at Thu Feb 04 20:56:54 CET 2016.<br/>
Check performed at Thu Feb 04 21:44:26 CET 2016.<br/>
6 errors and 0 warnings found:<br/><br/>
<table class="overview">
<tr><td></td><td class="categoryColumn"><a href="#Correctness">Correctness</a>