vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Latest build

old
Javi Velasco 2016-06-03 23:50:09 +02:00
parent 78790132f0
commit fbca206e49
5 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/app_bar/_config.scss
View File

@ -2,5 +2,7 @@ $appbar-color: $color-primary-dark !default;
$appbar-contrast: $color-primary-contrast !default; $appbar-contrast: $color-primary-contrast !default;
$appbar-title-total-distance: 8 * $unit !default; $appbar-title-total-distance: 8 * $unit !default;
$appbar-height: 6.4 * $unit !default; $appbar-height: 6.4 * $unit !default;
$appbar-height-m-portrait: 5.6 * $unit !default;
$appbar-height-m-landscape: 4.8 * $unit !default;
$appbar-h-padding: 2.4 * $unit !default; $appbar-h-padding: 2.4 * $unit !default;
$appbar-title-distance: $appbar-title-total-distance - $appbar-h-padding !default; $appbar-title-distance: $appbar-title-total-distance - $appbar-h-padding !default;

8
lib/app_bar/theme.scss
View File

@ -9,6 +9,14 @@
color: $appbar-contrast; color: $appbar-contrast;
background: $appbar-color; background: $appbar-color;
@media screen and (max-width: $layout-breakpoint-xxs) and (orientation: portrait) {
height: $appbar-height-m-portrait;
}
@media screen and (max-width: $layout-breakpoint-xs) and (orientation: landscape) {
height: $appbar-height-m-landscape;
}
&:not(.flat) { &:not(.flat) {
z-index: $z-index-high; z-index: $z-index-high;
box-shadow: 0 2px 5px rgba(0,0,0,.26); box-shadow: 0 2px 5px rgba(0,0,0,.26);

4
lib/autocomplete/Autocomplete.js
View File

@ -118,7 +118,9 @@ var factory = function factory(Chip, Input) {
key: 'componentWillReceiveProps', key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) { value: function componentWillReceiveProps(nextProps) {
if (!this.props.multiple) { if (!this.props.multiple) {
this.setState({ query: nextProps.value }); this.setState({
query: this.query(nextProps.value)
});
} }
} }
}, { }, {

2
lib/button/theme.scss
View File

@ -8,7 +8,7 @@
%button { %button {
@include typo-button(); @include typo-button();
position: relative; position: relative;
display: inline-block; display: inline-flex;
height: $button-height; height: $button-height;
flex-direction: row; flex-direction: row;
align-content: center; align-content: center;

8
lib/utils/events.js
View File

@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
exports.default = { exports.default = {
getMousePosition: function getMousePosition(event) { getMousePosition: function getMousePosition(event) {
return { return {
x: event.pageX - window.scrollX, x: event.pageX - (window.scrollX || window.pageXOffset),
y: event.pageY - window.scrollY y: event.pageY - (window.scrollY || window.pageYOffset)
}; };
}, },
getTouchPosition: function getTouchPosition(event) { getTouchPosition: function getTouchPosition(event) {
return { return {
x: event.touches[0].pageX - window.scrollX, x: event.touches[0].pageX - (window.scrollX || window.pageXOffset),
y: event.touches[0].pageY - window.scrollY y: event.touches[0].pageY - (window.scrollY || window.pageYOffset)
}; };
}, },
pauseEvent: function pauseEvent(event) { pauseEvent: function pauseEvent(event) {