Skip to content

GitLab

Commit d0652cd2 authored by militarpancho's avatar militarpancho
Browse files

CSS improved

parent c83ae9b3
Hide whitespace changes
Inline Side-by-side
bower.json
View file @ d0652cd2
......@@ -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",
......
comments.txt deleted 100644 → 0
View file @ c83ae9b3
{"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}
dashboard-reddit.html
View file @ d0652cd2
......@@ -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>
......
dashboard-tourpedia.css
View file @ d0652cd2
......@@ -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;
}
demo/styles/app-theme.html 0 → 100644
View file @ d0652cd2
<!--
@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>
comment-chart @ 6f1b8401
Compare 6f1b8401...6f1b8401
Subproject commit 6f1b84013b709ebabc3dcee19b46f48ee1b97d78
Markdown is supported
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