Permalink
Browse files

Small style changes

  • Loading branch information...
marcomontalbano committed Jan 16, 2019
1 parent 6c1af03 commit 2296b567e42559d324fa5e0759b7510d5b2d08c3

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -1,6 +1,6 @@
{
"name": "technology-radar",
"version": "4.2.0",
"version": "5.0.0",
"description": "Technology Radar is a tool that helps organizations to monitor their own discoveries. Keep track of your technologies according to your previous successes and failures.",
"main": "index.js",
"homepage": ".",
@@ -55,12 +55,13 @@
"js-cookie": "~2.2.0",
"lodash": "~4.17.11",
"prop-types": "^15.6.2",
"react": "~16.6.3",
"react-dom": "~16.6.3",
"react": "~16.7.0",
"react-dom": "~16.7.0",
"rest": "^2.0.0",
"uikit": "~3.0.0-rc.26"
"uikit": "~3.0.2"
},
"devDependencies": {
"dotenv": "~6.2.0",
"gh-pages": "^1.2.0",
"less": "~3.9.0",
"less-plugin-clean-css": "^1.5.1",
@@ -1,3 +1,5 @@
require('dotenv').config({ silent: true });

const ghpages = require('gh-pages');
const config = require('../package.json');
const domain = process.env.GH_TOKEN ? `${process.env.GH_TOKEN}@github.com` : 'github.com';
@@ -34,7 +34,7 @@ export default class AppComponent extends Component {
<NavbarContainer />
<ResultContainer />
{this.state.document_id ? (
<div className="uk-container uk-margin-top uk-text-right"><button className="uk-button uk-button-link" onClick={this.onLogoutHandler}>logout</button></div>
<div className="uk-container uk-margin-top uk-text-center uk-text-right@s"><button className="uk-button uk-button-link" onClick={this.onLogoutHandler}>logout</button></div>
) : ''}
</div>
);
@@ -78,7 +78,7 @@ export default class ItemComponent extends Component {
return (
<div className="uk-card uk-card-default uk-card-hover" onClick={this.onClickModal}>
<div className="uk-card-body">
<div className="uk-card-badge uk-label" style={this.labelStyle}>{this.props.item.status}</div>
{this.props.item.status ? (<div className="uk-card-badge uk-label" style={this.labelStyle}>{this.props.item.status}</div>) : ''}
<h3 className="uk-card-title">{this.props.item.name}</h3>
<p className="uk-card-description">{this.props.item.description}</p>
</div>
@@ -100,7 +100,7 @@ export default class ItemComponent extends Component {
<h3 className="uk-modal-title">{this.props.item.name}</h3>
</div>
<div className="uk-modal-body">
<div className="uk-modal-badge uk-label" style={this.labelStyle}>{this.props.item.status}</div>
{this.props.item.status ? (<div className="uk-modal-badge uk-label" style={this.labelStyle}>{this.props.item.status}</div>) : ''}
<p className="uk-modal-description">{this.props.item.description}</p>
<a target="_blank" rel="noopener noreferrer" {...this.props.item.url ? { href: this.props.item.url } : {}}><i className="fa fa-globe"></i>website</a>
</div>
@@ -8,7 +8,7 @@ export default class NavbarComponent extends Component {
return (
<nav className="uk-navbar-container uk-navbar-fixed uk-navbar-brand">
<div className="uk-container">
<a href="/">
<a href="./">
<img alt="Technology Radar logo" src={this.props.appStore.settings.logo} />
<h1>{this.props.appStore.settings.name}</h1>
</a>
@@ -12,6 +12,7 @@
display: inline-block;
margin: 0 10px;
cursor: pointer;
border: none !important;
}
img {
width: 50px;
No changes.
No changes.
@@ -18,13 +18,28 @@ button {
cursor: default;
}

a:link, .uk-button-link {
transition: border .3s, color .3s;
border-bottom: 1px solid transparent;
display: inline-block;
margin-bottom: -1px;

&:hover {
text-decoration: none;
border-bottom: 1px solid @global-link-hover-color;
}
}

footer {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px;

.footer-links {
.links {
height: 28px;
}

.links a, .links span {
margin-left: 10px;
}
@@ -46,19 +61,6 @@ footer {
margin-left: 0px;
}
}

.links {
a {
transition: all .2s;
border: 0px solid transparent;

&:hover {
text-decoration: none;
border-bottom: 1px solid @global-link-hover-color;
padding-bottom: 2px;
}
}
}
}

@media (min-width: 640px) {
@@ -74,7 +76,7 @@ footer {
&--result {
min-height: ~"calc(100vh - 140px - 122px)";
@media (min-width: 640px) {
min-height: ~"calc(100vh - 70px - 97px)";
min-height: ~"calc(100vh - 70px - 91px)";
}

// spinner

0 comments on commit 2296b56

Please sign in to comment.