0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-30 11:02:38 +00:00

Updated style to navbar

This commit is contained in:
Scott Tolksdorf
2016-11-14 23:03:58 -05:00
parent 2f2a1c5146
commit d400c37b6d
3 changed files with 44 additions and 20 deletions

View File

@@ -3,11 +3,12 @@
position : relative;
width : 100%;
.snippetBar{
display : flex;
padding : 5px;
@height : 25px;
position : relative;
height : @height;
background-color : #ddd;
align-items : center;
.snippetGroup{
/*
.animate(background-color);
margin : 0px 8px;
padding : 3px;
@@ -16,8 +17,26 @@
&:hover, &.selected{
background-color : #999;
}
*/
display : inline-block;
height : @height;
padding : 0px 5px;
cursor : pointer;
font-size : 0.6em;
font-weight : 800;
line-height : @height;
text-transform : uppercase;
border-right : 1px solid black;
i{
vertical-align : middle;
margin-right : 3px;
font-size : 1.2em;
}
&:hover, &.selected{
background-color : #999;
}
.text{
line-height : 20px;
line-height : @height;
.groupName{
margin-left : 6px;
font-size : 10px;
@@ -31,8 +50,10 @@
.dropdown{
position : absolute;
visibility : hidden;
top : 100%;
z-index : 1000;
padding : 5px;
padding : 0px;
margin-left: -5px;
background-color : #ddd;
.snippet{
.animate(background-color);

View File

@@ -26,8 +26,6 @@ const NewPage = React.createClass({
errors : []
};
},
componentDidMount: function() {
const storage = localStorage.getItem(KEY);
if(storage){
@@ -80,7 +78,6 @@ const NewPage = React.createClass({
text : this.state.text
})
.end((err, res)=>{
if(err){
this.setState({
isSaving : false

View File

@@ -1,17 +1,16 @@
var React = require('react');
var _ = require('lodash');
var cx = require('classnames');
const React = require('react');
const _ = require('lodash');
const cx = require('classnames');
var Nav = require('naturalcrit/nav/nav.jsx');
var Navbar = require('../../navbar/navbar.jsx');
var PrintLink = require('../../navbar/print.navitem.jsx');
var RecentlyViewed = require('../../navbar/recent.navitem.jsx').viewed;
const Nav = require('naturalcrit/nav/nav.jsx');
const Navbar = require('../../navbar/navbar.jsx');
const PrintLink = require('../../navbar/print.navitem.jsx');
const RecentlyViewed = require('../../navbar/recent.navitem.jsx').viewed;
var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
var HijackPrint = require('../hijackPrint.js');
var SharePage = React.createClass({
const SharePage = React.createClass({
getDefaultProps: function() {
return {
ver : '0.0.0',
@@ -27,10 +26,17 @@ var SharePage = React.createClass({
},
componentDidMount: function() {
document.onkeydown = HijackPrint(this.props.brew.shareId);
document.addEventListener('keydown', this.handleControlKeys);
},
componentWillUnmount: function() {
document.onkeydown = function(){};
document.removeEventListener('keydown', this.handleControlKeys);
},
handleControlKeys : function(e){
if(!(e.ctrlKey || e.metaKey)) return;
e.stopPropagation();
e.preventDefault();
const P_KEY = 80;
if(e.keyCode == P_KEY) window.open(`/print/${this.props.brew.shareId}?dialog=true`, '_blank').focus();
},
render : function(){