Commit d0652cd2 authored by militarpancho's avatar militarpancho
Browse files

CSS improved

parent c83ae9b3
......@@ -14,7 +14,7 @@
"dependencies": {
"material-search": "material-search#*",
"leaflet-maps": "leaflet-maps#*",
"paper-tabs": "paper-tabs#1.7.0",
"paper-tabs": "paper-tabs#1.1.0",
"number-chart": "number-chart#^1.1.1",
"google-apis": "GoogleWebComponents/google-apis#^1.0.0",
"google-chart-elasticsearch": "google-chart-elasticsearch#^1.1.3",
......@@ -27,7 +27,7 @@
"elastic-client": "DigElements/elastic-client#~1.0.1",
"webcomponentsjs": "< 1.0.0",
"tweet-chart": "tweet-chart#*",
"comment-chart": "./elements/comment-chart",
"comment-chart": "comment-chart#*",
"paper-material": "paper-material#*",
"yasgui-polymer": "yasgui-polymer#*",
"paper-dialog":"paper-dialog#1.1.0",
......
{"id": "t1_daico44", "body": "Title game 10/10", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "TheOtherJuggernaut", "parent_id": "t3_5f8rcv", "ups": 1042, "likes": null, "emotion": "sadness", "downs": 0, "score": 1042, "timestamp": 1480295752.0}
{"id": "t1_daig6ue", "body": "Nailed it so hard. It's a decent post without the title. It's an A+ post with the title. ", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "DonkeyKongSenior", "parent_id": "t1_daico44", "ups": 257, "likes": null, "emotion": "sadness", "downs": 0, "score": 257, "timestamp": 1480300675.0}
{"id": "t1_daih3d5", "body": "another thing is that it actually fits the subreddit. this meme is certified dank", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "player-piano", "parent_id": "t1_daig6ue", "ups": 86, "likes": null, "emotion": "sadness", "downs": 0, "score": 86, "timestamp": 1480301926.0}
{"id": "t1_daipqxx", "body": "I feel like this sub already has to reach so hard for content that when shit like this happens it's so impressive and sick \ud83d\udd25\ud83d\udc4c", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "Vinylzen", "parent_id": "t1_daih3d5", "ups": 51, "likes": null, "emotion": "sadness", "downs": 0, "score": 51, "timestamp": 1480315780.0}
{"id": "t1_daiuo8g", "body": "[deleted]", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "[deleted]", "parent_id": "t1_daig6ue", "ups": -16, "likes": null, "emotion": "sadness", "downs": 0, "score": -16, "timestamp": 1480330157.0}
{"id": "t1_daiycu6", "body": "With the title its an S", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "mcawkward", "parent_id": "t1_daiuo8g", "ups": 7, "likes": null, "emotion": "sadness", "downs": 0, "score": 7, "timestamp": 1480340086.0}
{"id": "t1_daj8rax", "body": "This is /r/wheredidthesodago level title quality.", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "muffley", "parent_id": "t1_daico44", "ups": 21, "likes": null, "emotion": "sadness", "downs": 0, "score": 21, "timestamp": 1480355127.0}
{"id": "t1_dajbdrc", "body": "7/10 spicy with rice", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "boot2skull", "parent_id": "t1_daico44", "ups": 5, "likes": null, "emotion": "sadness", "downs": 0, "score": 5, "timestamp": 1480358241.0}
{"id": "t1_daiup68", "body": "[removed]", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "[deleted]", "parent_id": "t1_daico44", "ups": -9, "likes": null, "emotion": "sadness", "downs": 0, "score": -9, "timestamp": 1480330241.0}
{"id": "t1_daicx85", "body": "Quality post OP. Better than many I've seen recently.", "subreddit": "breathinginformation", "subreddit_id": "t5_2wt24", "sentiment": "negative", "author": "CreamNPeaches", "parent_id": "t3_5f8rcv", "ups": 233, "likes": null, "emotion": "sadness", "downs": 0, "score": 233, "timestamp": 1480296103.0}
......@@ -5,7 +5,7 @@
<link rel="import" href="/bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="/bower_components/paper-tabs/paper-tab.html">
<link rel="import" href="/bower_components/number-chart/number-chart.html">
<link rel="import" href="./elements/comment-chart/comment-chart.html">
<link rel="import" href="/bower_components/comment-chart/comment-chart.html">
<link rel="import" href="/bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="/bower_components/yasgui-polymer/yasgui.html">
<link rel = "import" href = "/bower_components/iron-pages/iron-pages.html">
......@@ -16,10 +16,9 @@
<dom-module id="dashboard-reddit">
<style is="custom-style">
@import url("../../styles/app-theme.html");
</style>
<link rel="import" type="css" href="dashboard-tourpedia.css">
<link rel="import" type="css" href="dashboard-tourpedia.css" type="css">
<link rel="import" href="/styles/app-theme.html" type="css">
<template>
<iron-ajax auto
......@@ -37,14 +36,14 @@
<material-search search-value="{{query}}"></material-search>
<br>
<div style="width: 100%; display: inline-block">
<div style="width: 23%; margin-right: 2%; float: left">
<div style="width: 32%; margin-right: 2%; float: left">
<number-chart
icon="info"
stylebg="bg-red"
data="{{data}}">
</number-chart>
</div>
<div style="width: 23%; margin-right: 2%; float: left">
<div style="width: 32%; margin-right: 2%; float: left">
<number-chart
data="{{data}}"
object="BlogPosting"
......@@ -54,7 +53,7 @@
stylebg="bg-yellow">
</number-chart>
</div>
<div style="width: 23%; margin-right: 2%; float: left">
<div style="width: 32%; float: left">
<number-chart
data="{{data}}"
object="Comment"
......@@ -126,7 +125,7 @@
<div style="clear: both"></div>
</div>
<div style="width: 100%">
<div>
<div class="chart_container" style="left: 0; float: left; width: 100%">
<comment-chart
datos = {{data}}
......@@ -156,7 +155,7 @@
</div>
<div>
<yasgui-ui
endpoint="http://fuseki-tourpedia.cluster.gsi.dit.upm.es/tourpedia/query"
endpoint="http://krusti.gsi:13030/gsicrawler/query"
queries="{{queries}}">
</yasgui-ui>
</div>
......
......@@ -20,9 +20,6 @@
/* Tablet+ */
@media (min-width: 601px) {
paper-tabs, paper-toolbar {
margin-bottom: 48px;
margin-left: -62px;
margin-right: -62px;
}
}
......@@ -105,4 +102,8 @@
}
.c {
color: #080;
}
\ No newline at end of file
}
iron-pages {
padding: 48px 62px;
}
<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<style is="custom-style">
/*
Polymer includes a shim for CSS Custom Properties that we can use for application theming.
Below, you'll find the default palette for the Polymer Starter Kit layout. Feel free to play
with changing the colors used or generate your own palette of colours at MaterialPalette.com.
See https://www.polymer-project.org/1.0/docs/devguide/styling.html#xscope-styling-details
for further information on custom CSS properties.
*/
/* Application theme */
:root {
--dark-primary-color: #00629B;
--default-primary-color: #00A9E0;
--light-primary-color: #B2EBF2;
--text-primary-color: #ffffff; /*text/icons*/
--accent-color: #FFC107;
--primary-background-color: #FFD127;
--primary-text-color: #212121;
--secondary-text-color: #727272;
--disabled-text-color: #bdbdbd;
--divider-color: #B6B6B6;
/* Components */
/* paper-drawer-panel */
--drawer-menu-color: #ffffff;
--drawer-border-color: 1px solid #ccc;
--drawer-toolbar-border-color: 1px solid rgba(0, 0, 0, 0.22);
/* paper-menu */
--paper-menu-background-color: #fff;
--menu-link-color: #111111;
}
/* General styles */
#drawerToolbar {
color: var(--secondary-text-color);
background-color: var(--drawer-menu-color);
border-bottom: var(--drawer-toolbar-border-color);
}
paper-scroll-header-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
--paper-scroll-header-panel-full-header: {
background: #0588e0; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#0588e0, #04419B); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0588e0, #04419B); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0588e0, #04419B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0588e0, #04419B); /* Standard syntax */
};
/* background for toolbar when it is condensed */
--paper-scroll-header-panel-condensed-header: {
background: #0588e0; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#0588e0, #04419B); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0588e0, #04419B); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0588e0, #04419B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0588e0, #04419B); /* Standard syntax */
};
}
paper-material {
border-radius: 2px;
height: 100%;
padding: 16px 0 16px 0;
width: calc(98.66% - 16px);
margin: 16px auto;
background: white;
}
paper-menu iron-icon {
margin-right: 33px;
opacity: 0.54;
}
.paper-menu > .iron-selected {
color: var(--default-primary-color);
}
paper-menu a {
text-decoration: none;
color: var(--menu-link-color);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: 400;
line-height: 24px;
min-height: 48px;
padding: 0 16px;
}
#mainToolbar {
/* custom toolbar height */
height: 190px;
background-color: transparent;
overflow: visible;
}
paper-toolbar.tall .app-name {
font-size: 40px;
font-weight: 300;
/* Required for main area's paper-scroll-header-panel custom condensing transformation */
-webkit-transform-origin: left center;
transform-origin: left center;
}
#mainToolbar .middle-container {
height: 100%;
margin-left: 48px;
}
#mainToolbar:not(.tall) .middle {
font-size: 18px;
padding-bottom: 0;
}
#mainToolbar .bottom {
margin-left: 48px;
/* Required for main area's paper-scroll-header-panel custom condensing transformation */
-webkit-transform-origin: left center;
transform-origin: left center;
}
/* Height of the scroll area */
.content {
height: 900px;
}
/* Breakpoints */
/* Small */
@media (max-width: 600px) {
paper-material {
--menu-container-display: none;
width: calc(97.33% - 32px);
padding-left: 16px;
padding-right: 16px;
}
.paper-font-display1 {
font-size: 12px;
}
paper-toolbar.tall .app-name {
font-size: 24px;
font-weight: 400;
}
#drawer .paper-toolbar {
margin-left: 16px;
}
#overlay {
min-width: 360px;
}
.bg {
background: white;
}
}
/* Tablet+ */
@media (min-width: 601px) {
paper-material {
width: calc(98% - 46px);
margin-bottom: 32px;
padding-left: 30px;
padding-right: 30px;
}
#drawer.paper-drawer-panel > [drawer] {
border-right: 1px solid rgba(0, 0, 0, 0.14);
}
iron-pages {
padding: 48px 62px;
}
}
.CodeMirror-vscrollbar {
overflow-y: hidden;
}
/* Material Design Adaptive Breakpoints */
/*
Below you'll find CSS media queries based on the breakpoint guidance
published by the Material Design team. You can choose to use, customise
or remove these breakpoints based on your needs.
http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints
*/
/* mobile-small */
@media all and (min-width: 0) and (max-width: 360px) and (orientation: portrait) { }
/* mobile-large */
@media all and (min-width: 361px) and (orientation: portrait) { }
/* mobile-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
/* mobile-large-landscape */
@media all and (min-width: 481px) and (orientation: landscape) { }
/* tablet-small-landscape */
@media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) { }
/* tablet-large-landscape */
@media all and (min-width: 961px) and (orientation: landscape) { }
/* tablet-small */
@media all and (min-width: 600px) and (orientation: portrait) { }
/* tablet-large */
@media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) { }
/* desktop-x-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
/* desktop-x-small */
@media all and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) { }
/* desktop-small-landscape */
@media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) { }
/* desktop-small */
@media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) { }
/* desktop-medium-landscape */
@media all and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) { }
/* desktop-medium */
@media all and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) { }
/* desktop-large */
@media all and (min-width: 1281px) and (max-width: 1600px) { }
/* desktop-xlarge */
@media all and (min-width: 1601px) and (max-width: 1920px) { }
</style>
Subproject commit 6f1b84013b709ebabc3dcee19b46f48ee1b97d78
Supports Markdown
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