- Fixes per Nick

This commit is contained in:
2018-05-31 20:36:47 -04:00
parent 51e133cf8d
commit b11052fd23
11 changed files with 30 additions and 36 deletions

View File

@@ -8,7 +8,7 @@ import { TabsPage } from '../pages/tabs/tabs';
@Component({ @Component({
templateUrl: 'app.html' templateUrl: 'app.html'
}) })
export class Urnings { export class Looking {
rootPage: any = TabsPage; rootPage: any = TabsPage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {

View File

@@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http'; import { HttpModule } from '@angular/http';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { IonicSwipeAllModule } from 'ionic-swipe-all'; import { IonicSwipeAllModule } from 'ionic-swipe-all';
import { Urnings } from './app.component'; import { Looking } from './app.component';
import { ChatPage } from '../pages/chat/chat'; import { ChatPage } from '../pages/chat/chat';
import { GridPage } from '../pages/grid/grid'; import { GridPage } from '../pages/grid/grid';
@@ -20,7 +20,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
@NgModule({ @NgModule({
declarations: [ declarations: [
Urnings, Looking,
ChatPage, ChatPage,
InformationPage, InformationPage,
GridPage, GridPage,
@@ -35,7 +35,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
BrowserModule, BrowserModule,
HttpModule, HttpModule,
IonicSwipeAllModule, IonicSwipeAllModule,
IonicModule.forRoot(Urnings, { IonicModule.forRoot(Looking, {
iconMode: 'ios', iconMode: 'ios',
modalEnter: 'modal-slide-in', modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out', modalLeave: 'modal-slide-out',
@@ -45,7 +45,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
entryComponents: [ entryComponents: [
Urnings, Looking,
ChatPage, ChatPage,
InformationPage, InformationPage,
GridPage, GridPage,

View File

@@ -16,7 +16,11 @@
// automatically applied to the <body> element in the app. // automatically applied to the <body> element in the app.
body { body {
font-family: 'PT Sans', sans-serif; font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Anonymous Pro', monospace;
} }
ion-toolbar { ion-toolbar {

File diff suppressed because one or more lines are too long

View File

@@ -2,7 +2,7 @@
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Urnings</title> <title>Looking</title>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no"> <meta name="msapplication-tap-highlight" content="no">
@@ -34,7 +34,7 @@
} }
</script>--> </script>-->
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Lato" rel="stylesheet">
<link href="build/main.css" rel="stylesheet"> <link href="build/main.css" rel="stylesheet">
</head> </head>

View File

@@ -1,6 +1,6 @@
{ {
"name": "urge", "name": "looking",
"short_name": "urge", "short_name": "looking",
"start_url": "index.html", "start_url": "index.html",
"display": "standalone", "display": "standalone",
"icons": [{ "icons": [{

View File

@@ -1,6 +1,6 @@
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
<ion-title>Urnings</ion-title> <ion-title>Looking</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@@ -8,7 +8,7 @@
<ion-grid no-padding> <ion-grid no-padding>
<ion-row align-items-stretch> <ion-row align-items-stretch>
<ion-col col-4 class="profile" *ngFor="let current of profiles" (tap)="profileTapped($event, current)" (press)="profilePressed($event, current)" [style.backgroundImage]="getBackgroundThumbnail(current.details.pic)"> <ion-col col-4 class="profile" *ngFor="let current of profiles" (tap)="profileTapped($event, current)" (press)="profilePressed($event, current)" [style.backgroundImage]="getBackgroundThumbnail(current.details.pic)">
<span class="username" [ngClass]="{ 'online': (current.messages?.length > 0) }">{{current.details.name}}</span> <span class="username">{{current.details.name}}</span>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>

View File

@@ -37,27 +37,6 @@ page-grid {
text-overflow: ellipsis; text-overflow: ellipsis;
text-shadow: 0 0 3px rgba(0, 0, 0, 1); text-shadow: 0 0 3px rgba(0, 0, 0, 1);
white-space: nowrap; white-space: nowrap;
&::before {
border: 0.125rem solid #acacac;
border-radius: 1rem;
bottom: 0.125rem;
content: '';
display: inline-block;
height: 0.8rem;
margin-right: 0.5rem;
position: relative;
vertical-align: middle;
width: 0.8rem;
}
&.online {
&::before {
background-color: #00ff00;
border-color: #00ff00;
}
}
} }
} }
} }

View File

@@ -1,6 +1,6 @@
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
<ion-title>Urnings</ion-title> <ion-title>Looking</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

View File

@@ -30,15 +30,26 @@ page-profile {
} }
.button-chat { .button-chat {
background-color: #050505;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0,0,0,.65);
bottom: 3rem; bottom: 3rem;
color: #fdb315; color: #fdb315;
height: 7rem;
position: absolute; position: absolute;
right: 1.5rem; right: 1.5rem;
width: 7rem;
z-index: 100; z-index: 100;
.icon {
line-height: 1;
padding: 1.75rem 2.05rem;
}
} }
.detail-toggle { .detail-toggle {
font-size: 2.5em; font-size: 2.5em;
transform: scaleX(2);
z-index: 100; z-index: 100;
} }

View File

@@ -1,6 +1,6 @@
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
<ion-title>Urnings</ion-title> <ion-title>Looking</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>