Styles angepasst
This commit is contained in:
@@ -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%
|
||||
|
||||
@@ -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"},
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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%
|
||||
|
||||
@@ -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"},
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user