polythene-theme
Advanced tools
Comparing version 0.1.24 to 0.1.25
@@ -7,4 +7,6 @@ | ||
// Sizes | ||
const isDesktop = window.innerWidth > 800; | ||
const gridUnit = 4; | ||
const componentGridUnit = 8; | ||
const sidePadding = isDesktop ? 24 : 16; | ||
const buttonSize = 6 * componentGridUnit; // 48 | ||
@@ -128,4 +130,5 @@ const iconSize = 3 * componentGridUnit; // 24 | ||
export default { | ||
gridUnit: gridUnit, | ||
componentGridUnit: componentGridUnit, | ||
gridUnit, | ||
componentGridUnit, | ||
sidePadding, | ||
screenSizeExtraLarge: 1280, | ||
@@ -143,6 +146,6 @@ screenSizeLarge: 960, | ||
lineHeightEm: '1.3em', | ||
buttonSize: buttonSize, | ||
buttonSize, | ||
iconSizeLarge: 5 * componentGridUnit, // 40 | ||
iconSizeMedium: 4 * componentGridUnit, // 32 | ||
iconSize: iconSize, // 24 | ||
iconSize, // 24 | ||
iconSizeSmall: 2 * componentGridUnit, // 16 | ||
@@ -160,3 +163,4 @@ iconButtonPadding: (buttonSize - iconSize) / 2, | ||
blockBorderRadius: 2, | ||
zIndexMenu: 999, | ||
zIndexMenu: 99, | ||
zIndexHeaderContainer: 999, | ||
zIndexDialog: 9999, | ||
@@ -201,2 +205,4 @@ | ||
header: lightPrimaryTextColor, | ||
secondaryTitle: lightSecondaryTextColor, | ||
info: lightTertiaryTextColor, | ||
subheader: lightTertiaryTextColor, | ||
@@ -251,2 +257,4 @@ backgroundSelected: lightSelectedBackgroundColor, | ||
header: darkPrimaryTextColor, | ||
secondaryTitle: darkSecondaryTextColor, | ||
info: darkTertiaryTextColor, | ||
subheader: darkTertiaryTextColor, | ||
@@ -253,0 +261,0 @@ backgroundSelected: darkSelectedBackgroundColor, |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});require("polythene-theme/common/object.assign");var rgba=function rgba(color,opacity){return"rgba("+color+","+opacity+")"};var gridUnit=4;var componentGridUnit=8;var buttonSize=6*componentGridUnit;var iconSize=3*componentGridUnit;var materialColorsBlue500="#2196f3";var materialColorsBlue600="#1e88e5";var materialColorsBlue700="#1976d2";var lightBackgroundColor="#fff";var lightPrimaryTextColor=rgba("0, 0, 0",.87);var lightTextColor=rgba("0, 0, 0",.73);var lightButtonLabelColor=rgba("0, 0, 0",.69);var lightSecondaryTextAlpha=.54;var lightSecondaryTextColor=rgba("0, 0, 0",lightSecondaryTextAlpha);var lightTertiaryTextColor=rgba("0, 0, 0",.4);var lightDisabledTextColor=rgba("0, 0, 0",.26);var lightHintTextColor=lightDisabledTextColor;var lightBorderColor=rgba("0, 0, 0",.11);var lightHoverBackgroundAlpha=.08;var lightSelectedBackgroundColor=rgba("0, 0, 0",lightHoverBackgroundAlpha);var lightActiveBackgroundAlpha=.14;var lightActiveBackgroundColor=rgba("0, 0, 0",lightActiveBackgroundAlpha);var darkBackgroundColor="#222";var darkPrimaryTextColor=rgba("255, 255, 255",1);var darkTextColor=darkPrimaryTextColor;var darkSecondaryTextAlpha=.7;var darkSecondaryTextColor=rgba("255, 255, 255",darkSecondaryTextAlpha);var darkButtonLabelColor=darkSecondaryTextColor;var darkTertiaryTextColor=rgba("255, 255, 255",.4);var darkDisabledTextColor=rgba("255, 255, 255",.26);var darkHintTextColor=darkDisabledTextColor;var darkBorderColor=rgba("255, 255, 255",.1);var darkHoverBackgroundAlpha=.08;var darkSelectedBackgroundColor=rgba("255, 255, 255",darkHoverBackgroundAlpha);var darkActiveBackgroundAlpha=.14;var darkActiveBackgroundColor=rgba("255, 255, 255",darkActiveBackgroundAlpha);var buttonLightConfig={flat:{normal:{background:"transparent",color:lightPrimaryTextColor},hover:{background:lightSelectedBackgroundColor},active:{background:lightActiveBackgroundColor},disabled:{background:"transparent",color:lightDisabledTextColor}},raised:{normal:{background:"#E0E0E0",color:lightPrimaryTextColor},hover:{background:"transparent"},active:{background:lightSelectedBackgroundColor},disabled:{background:rgba("0, 0, 0",.07),color:lightDisabledTextColor}}};var buttonDarkConfig={flat:{normal:{background:"transparent",color:"#fff"},hover:{background:darkSelectedBackgroundColor},active:{background:darkActiveBackgroundColor},disabled:{background:"transparent",color:rgba("255, 255, 255",.3)}},raised:{normal:{background:materialColorsBlue500,color:darkPrimaryTextColor},hover:{background:materialColorsBlue600},active:{background:materialColorsBlue700},disabled:{background:rgba("255, 255, 255",.12),color:rgba("255, 255, 255",.3)}}};var iconButtonLightConfig=JSON.parse(JSON.stringify(buttonLightConfig));iconButtonLightConfig.flat.normal.color=lightSecondaryTextColor;var iconButtonDarkConfig=JSON.parse(JSON.stringify(buttonDarkConfig));iconButtonDarkConfig.flat.normal.color=darkSecondaryTextColor;exports["default"]={gridUnit:gridUnit,componentGridUnit:componentGridUnit,screenSizeExtraLarge:1280,screenSizeLarge:960,screenSizeMedium:480,screenSizeSmall:320,buttonHeight:36,buttonTouchHeight:48,buttonBorderRadius:2,buttonFontSize:14,buttonFontWeight:500,surfaceReactionDuration:".2s",lineHeight:1.3,lineHeightEm:"1.3em",buttonSize:buttonSize,iconSizeLarge:5*componentGridUnit,iconSizeMedium:4*componentGridUnit,iconSize:iconSize,iconSizeSmall:2*componentGridUnit,iconButtonPadding:(buttonSize-iconSize)/2,indent:72,toolbarHeightDesktop:64,toolbarHeightMobilePortrait:56,toolbarHeightMobileLandscape:48,fontWeightNormal:400,fontWeightMedium:500,fontWeightBold:700,fontSizeTitle:20,menuSizeUnit:56,blockBorderRadius:2,zIndexMenu:999,zIndexDialog:9999,vendors:{animation:["o","moz","webkit"],background_size:["o","moz","webkit"],box_shadow:["moz","webkit"],keyframes:["o","moz","webkit"],transform:["o","moz","ms","webkit"],transition:["o","moz","webkit"],user_select:["moz","ms","webkit"]},color:{light:{button:buttonLightConfig,"icon-button":iconButtonLightConfig,card:{main:{backgroundColor:lightBackgroundColor},title:{color:lightPrimaryTextColor},subtitle:{color:lightSecondaryTextColor},text:{color:lightTextColor},actions:{borderColor:lightBorderColor}},list:{borderColor:lightBorderColor,backgroundSelected:lightSelectedBackgroundColor},"list-tile":{header:lightPrimaryTextColor,subheader:lightTertiaryTextColor,backgroundSelected:lightSelectedBackgroundColor,disabled:lightDisabledTextColor},dialog:{content:{background:lightBackgroundColor},title:{color:lightPrimaryTextColor},body:{color:lightTextColor,border:lightBorderColor},backdrop:{background:"rgba(0, 0, 0, .4)"}},menu:{background:lightBackgroundColor}},dark:{button:buttonDarkConfig,"icon-button":iconButtonDarkConfig,card:{main:{backgroundColor:darkBackgroundColor},title:{color:darkPrimaryTextColor},subtitle:{color:darkSecondaryTextColor},text:{color:darkSecondaryTextColor},actions:{borderColor:darkBorderColor}},list:{borderColor:darkBorderColor,backgroundSelected:darkSelectedBackgroundColor},"list-tile":{header:darkPrimaryTextColor,subheader:darkTertiaryTextColor,backgroundSelected:darkSelectedBackgroundColor,disabled:darkDisabledTextColor},dialog:{content:{background:darkBackgroundColor},title:{color:darkPrimaryTextColor},body:{color:darkTextColor,border:darkBorderColor},backdrop:{background:"rgba(0, 0, 0, .5)"}},menu:{background:darkBackgroundColor}}}};module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});require("polythene-theme/common/object.assign");var rgba=function rgba(color,opacity){return"rgba("+color+","+opacity+")"};var isDesktop=window.innerWidth>800;var gridUnit=4;var componentGridUnit=8;var sidePadding=isDesktop?24:16;var buttonSize=6*componentGridUnit;var iconSize=3*componentGridUnit;var materialColorsBlue500="#2196f3";var materialColorsBlue600="#1e88e5";var materialColorsBlue700="#1976d2";var lightBackgroundColor="#fff";var lightPrimaryTextColor=rgba("0, 0, 0",.87);var lightTextColor=rgba("0, 0, 0",.73);var lightButtonLabelColor=rgba("0, 0, 0",.69);var lightSecondaryTextAlpha=.54;var lightSecondaryTextColor=rgba("0, 0, 0",lightSecondaryTextAlpha);var lightTertiaryTextColor=rgba("0, 0, 0",.4);var lightDisabledTextColor=rgba("0, 0, 0",.26);var lightHintTextColor=lightDisabledTextColor;var lightBorderColor=rgba("0, 0, 0",.11);var lightHoverBackgroundAlpha=.08;var lightSelectedBackgroundColor=rgba("0, 0, 0",lightHoverBackgroundAlpha);var lightActiveBackgroundAlpha=.14;var lightActiveBackgroundColor=rgba("0, 0, 0",lightActiveBackgroundAlpha);var darkBackgroundColor="#222";var darkPrimaryTextColor=rgba("255, 255, 255",1);var darkTextColor=darkPrimaryTextColor;var darkSecondaryTextAlpha=.7;var darkSecondaryTextColor=rgba("255, 255, 255",darkSecondaryTextAlpha);var darkButtonLabelColor=darkSecondaryTextColor;var darkTertiaryTextColor=rgba("255, 255, 255",.4);var darkDisabledTextColor=rgba("255, 255, 255",.26);var darkHintTextColor=darkDisabledTextColor;var darkBorderColor=rgba("255, 255, 255",.1);var darkHoverBackgroundAlpha=.08;var darkSelectedBackgroundColor=rgba("255, 255, 255",darkHoverBackgroundAlpha);var darkActiveBackgroundAlpha=.14;var darkActiveBackgroundColor=rgba("255, 255, 255",darkActiveBackgroundAlpha);var buttonLightConfig={flat:{normal:{background:"transparent",color:lightPrimaryTextColor},hover:{background:lightSelectedBackgroundColor},active:{background:lightActiveBackgroundColor},disabled:{background:"transparent",color:lightDisabledTextColor}},raised:{normal:{background:"#E0E0E0",color:lightPrimaryTextColor},hover:{background:"transparent"},active:{background:lightSelectedBackgroundColor},disabled:{background:rgba("0, 0, 0",.07),color:lightDisabledTextColor}}};var buttonDarkConfig={flat:{normal:{background:"transparent",color:"#fff"},hover:{background:darkSelectedBackgroundColor},active:{background:darkActiveBackgroundColor},disabled:{background:"transparent",color:rgba("255, 255, 255",.3)}},raised:{normal:{background:materialColorsBlue500,color:darkPrimaryTextColor},hover:{background:materialColorsBlue600},active:{background:materialColorsBlue700},disabled:{background:rgba("255, 255, 255",.12),color:rgba("255, 255, 255",.3)}}};var iconButtonLightConfig=JSON.parse(JSON.stringify(buttonLightConfig));iconButtonLightConfig.flat.normal.color=lightSecondaryTextColor;var iconButtonDarkConfig=JSON.parse(JSON.stringify(buttonDarkConfig));iconButtonDarkConfig.flat.normal.color=darkSecondaryTextColor;exports["default"]={gridUnit:gridUnit,componentGridUnit:componentGridUnit,sidePadding:sidePadding,screenSizeExtraLarge:1280,screenSizeLarge:960,screenSizeMedium:480,screenSizeSmall:320,buttonHeight:36,buttonTouchHeight:48,buttonBorderRadius:2,buttonFontSize:14,buttonFontWeight:500,surfaceReactionDuration:".2s",lineHeight:1.3,lineHeightEm:"1.3em",buttonSize:buttonSize,iconSizeLarge:5*componentGridUnit,iconSizeMedium:4*componentGridUnit,iconSize:iconSize,iconSizeSmall:2*componentGridUnit,iconButtonPadding:(buttonSize-iconSize)/2,indent:72,toolbarHeightDesktop:64,toolbarHeightMobilePortrait:56,toolbarHeightMobileLandscape:48,fontWeightNormal:400,fontWeightMedium:500,fontWeightBold:700,fontSizeTitle:20,menuSizeUnit:56,blockBorderRadius:2,zIndexMenu:99,zIndexHeaderContainer:999,zIndexDialog:9999,vendors:{animation:["o","moz","webkit"],background_size:["o","moz","webkit"],box_shadow:["moz","webkit"],keyframes:["o","moz","webkit"],transform:["o","moz","ms","webkit"],transition:["o","moz","webkit"],user_select:["moz","ms","webkit"]},color:{light:{button:buttonLightConfig,"icon-button":iconButtonLightConfig,card:{main:{backgroundColor:lightBackgroundColor},title:{color:lightPrimaryTextColor},subtitle:{color:lightSecondaryTextColor},text:{color:lightTextColor},actions:{borderColor:lightBorderColor}},list:{borderColor:lightBorderColor,backgroundSelected:lightSelectedBackgroundColor},"list-tile":{header:lightPrimaryTextColor,secondaryTitle:lightSecondaryTextColor,info:lightTertiaryTextColor,subheader:lightTertiaryTextColor,backgroundSelected:lightSelectedBackgroundColor,disabled:lightDisabledTextColor},dialog:{content:{background:lightBackgroundColor},title:{color:lightPrimaryTextColor},body:{color:lightTextColor,border:lightBorderColor},backdrop:{background:"rgba(0, 0, 0, .4)"}},menu:{background:lightBackgroundColor}},dark:{button:buttonDarkConfig,"icon-button":iconButtonDarkConfig,card:{main:{backgroundColor:darkBackgroundColor},title:{color:darkPrimaryTextColor},subtitle:{color:darkSecondaryTextColor},text:{color:darkSecondaryTextColor},actions:{borderColor:darkBorderColor}},list:{borderColor:darkBorderColor,backgroundSelected:darkSelectedBackgroundColor},"list-tile":{header:darkPrimaryTextColor,secondaryTitle:darkSecondaryTextColor,info:darkTertiaryTextColor,subheader:darkTertiaryTextColor,backgroundSelected:darkSelectedBackgroundColor,disabled:darkDisabledTextColor},dialog:{content:{background:darkBackgroundColor},title:{color:darkPrimaryTextColor},body:{color:darkTextColor,border:darkBorderColor},backdrop:{background:"rgba(0, 0, 0, .5)"}},menu:{background:darkBackgroundColor}}}};module.exports=exports["default"]; |
@@ -68,3 +68,15 @@ import config from 'polythene-theme/common/config'; | ||
}, config.vendors.transform) | ||
]), | ||
sticky: () => ([ | ||
{position: '-webkit-sticky'}, | ||
{position: '-moz-sticky'}, | ||
{position: '-o-sticky'}, | ||
{position: '-ms-sticky'}, | ||
{position: 'sticky'}, | ||
{ | ||
top: 0, | ||
'z-index': 1 | ||
} | ||
]) | ||
}; |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var vendorize=function vendorize(what,vendors){var vendorsSel=vendors.map(function(v){return"_"+v+"$"}).join("");return _defineProperty({},vendorsSel,what)};exports["default"]={vendorize:vendorize,boxSizing:function boxSizing(){var type=arguments.length<=0||arguments[0]===undefined?"border-box":arguments[0];return{"box-sizing":type}},fit:function fit(){return{position:"absolute",top:0,right:0,bottom:0,left:0}},fontSmoothing:function fontSmoothing(){var smoothing=arguments.length<=0||arguments[0]===undefined?true:arguments[0];if(smoothing){return{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"}}else{return{"-webkit-font-smoothing":"subpixel-antialiased","-moz-osx-font-smoothing":"auto"}}},singleLine:function singleLine(){return{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},hairline:function hairline(){return{}},verticalCenter:function verticalCenter(){var position=arguments.length<=0||arguments[0]===undefined?"relative":arguments[0];return[vendorize({transform:"translateY(-50%)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{position:position,top:"50%"}]},verticalCenterParent:function verticalCenterParent(){return[vendorize({"transform-style":"preserve-3d"},_polytheneThemeCommonConfig2["default"].vendors.transform)]}};module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var vendorize=function vendorize(what,vendors){var vendorsSel=vendors.map(function(v){return"_"+v+"$"}).join("");return _defineProperty({},vendorsSel,what)};exports["default"]={vendorize:vendorize,boxSizing:function boxSizing(){var type=arguments.length<=0||arguments[0]===undefined?"border-box":arguments[0];return{"box-sizing":type}},fit:function fit(){return{position:"absolute",top:0,right:0,bottom:0,left:0}},fontSmoothing:function fontSmoothing(){var smoothing=arguments.length<=0||arguments[0]===undefined?true:arguments[0];if(smoothing){return{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"}}else{return{"-webkit-font-smoothing":"subpixel-antialiased","-moz-osx-font-smoothing":"auto"}}},singleLine:function singleLine(){return{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},hairline:function hairline(){return{}},verticalCenter:function verticalCenter(){var position=arguments.length<=0||arguments[0]===undefined?"relative":arguments[0];return[vendorize({transform:"translateY(-50%)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{position:position,top:"50%"}]},verticalCenterParent:function verticalCenterParent(){return[vendorize({"transform-style":"preserve-3d"},_polytheneThemeCommonConfig2["default"].vendors.transform)]},sticky:function sticky(){return[{position:"-webkit-sticky"},{position:"-moz-sticky"},{position:"-o-sticky"},{position:"-ms-sticky"},{position:"sticky"},{top:0,"z-index":1}]}};module.exports=exports["default"]; |
@@ -13,5 +13,5 @@ import config from 'polythene-theme/common/config'; | ||
'.dialog': [ | ||
// final transition-duration set in js | ||
// transition-duration set in js | ||
mixin.vendorize({ | ||
'transition-timing-function': 'ease-in-out' | ||
'transition-timing-function': 'ease-out' | ||
}, config.vendors.transition), | ||
@@ -27,14 +27,21 @@ mixin.vendorize({ | ||
'z-index': config.zIndexDialog, | ||
opacity: 0, | ||
height: '100vh', | ||
height: '100%', // 100vh would make the dialog go beneath Mobile Safari toolbar | ||
padding: paddingPx + ' 40px', | ||
opacity: 0, | ||
'&.visible': { | ||
opacity: 1 | ||
}, | ||
' .dialog-content': { | ||
position: 'relative', | ||
'max-height': '100%', | ||
'border-radius': borderRadiusPx | ||
'min-width': 56 * 5 + 'px', | ||
'max-width': 7 * config.menuSizeUnit + 'px', | ||
'border-radius': borderRadiusPx, | ||
' > .shadow': { | ||
'z-index': -1 | ||
} | ||
}, | ||
' .dialog-content:not(.menu-content)': { | ||
'min-width': 56 * 5 + 'px' | ||
}, | ||
' .dialog-content.menu-content': { | ||
@@ -133,3 +140,3 @@ ' .dialog-body': { | ||
], | ||
'body.dialog-open': { | ||
' body.dialog-open': { | ||
overflow: 'hidden', | ||
@@ -136,0 +143,0 @@ left: 0, |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var headerHeight=60;var footerHeight=52;var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":_polytheneThemeCommonConfig2["default"].zIndexDialog,opacity:0,height:"100vh",padding:paddingPx+" 40px"," .dialog-content":{position:"relative","max-height":"100%","border-radius":borderRadiusPx}," .dialog-content:not(.menu-content)":{"min-width":56*5+"px"}," .dialog-content.menu-content":{" .dialog-body":{padding:0,border:"none"}}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":headerHeight+"px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"},_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-bottom-style":"solid"},{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":"1px","border-style":"solid none","border-color":"transparent","max-height":"calc(100vh - "+paddingPx+" - "+(headerHeight+footerHeight)+"px)"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":footerHeight+"px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100vh",border:"none","max-height":"calc(100vh)"}}," .mainContainer":{}}}],"body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var headerHeight=60;var footerHeight=52;var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":_polytheneThemeCommonConfig2["default"].zIndexDialog,height:"100%",padding:paddingPx+" 40px",opacity:0,"&.visible":{opacity:1}," .dialog-content":{position:"relative","max-height":"100%","min-width":56*5+"px","max-width":7*_polytheneThemeCommonConfig2["default"].menuSizeUnit+"px","border-radius":borderRadiusPx," > .shadow":{"z-index":-1}}," .dialog-content.menu-content":{" .dialog-body":{padding:0,border:"none"}}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":headerHeight+"px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"},_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-bottom-style":"solid"},{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":"1px","border-style":"solid none","border-color":"transparent","max-height":"calc(100vh - "+paddingPx+" - "+(headerHeight+footerHeight)+"px)"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":footerHeight+"px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100vh",border:"none","max-height":"calc(100vh)"}}," .mainContainer":{}}}]," body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -61,3 +61,3 @@ import config from 'polythene-theme/common/config'; | ||
'left': 0, | ||
'z-index': 1, | ||
'z-index': config.zIndexHeaderContainer, | ||
@@ -64,0 +64,0 @@ ' .bg-container': { |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles=[{".header-panel":{position:"relative",overflow:"hidden",height:"100%",".fit":{position:"absolute"}," .outerContainer":{position:"absolute",top:0,right:0,bottom:0,left:0}," .header":_polytheneThemeCommonMixin2["default"].singleLine()," .mainPanel":{position:"relative"}," .mainContainer":{position:"relative","overflow-y":"auto","overflow-x":"hidden","-webkit-overflow-scrolling":"touch","z-index":0}," .dropShadow":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"opacity 0.25s"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":"inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4)"},_polytheneThemeCommonConfig2["default"].vendors.box_shadow),{opacity:0,position:"absolute",top:"auto",left:0,right:0,height:"6px","z-index":1}]," .headerContainer":{position:"relative"}," .outerContainer.cascaded > .headerContainer > .dropShadow":{opacity:1},"&:not(.fixed) > .outerContainer > .headerContainer":{position:"absolute",top:0,right:0,left:0,"z-index":1," .bg-container":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}," .topBar":{"z-index":1}," .bottomBar":{"z-index":0}}," .condensedHeaderBg":{opacity:0}," .headerBg, .condensedHeaderBg":[_polytheneThemeCommonMixin2["default"].vendorize({"background-size":"cover"},_polytheneThemeCommonConfig2["default"].vendors.background_size),{position:"absolute",top:0,left:0,width:"100%",height:"100%","background-repeat":"no-repeat","background-position":"center center"}]," .image-dimmer":{position:"absolute",bottom:0,top:0,right:0,left:0},"&[mode=standard]":{" .dropShadow":{opacity:1}},"&[mode=seamed]":{" .dropShadow":{display:"none"}},"&[mode=scroll]":{" .mainContainer":{overflow:"visible"}," .outerContainer":{"overflow-y":"auto","overflow-x":"hidden","-webkit-overflow-scrolling":"touch"}},"&[mode=cover]":{" .mainPanel":{position:"static"}," .mainContainer":{position:"absolute",top:0,right:0,bottom:0,left:0}," .dropShadow":{position:"static",width:"100%"}}}}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles=[{".header-panel":{position:"relative",overflow:"hidden",height:"100%",".fit":{position:"absolute"}," .outerContainer":{position:"absolute",top:0,right:0,bottom:0,left:0}," .header":_polytheneThemeCommonMixin2["default"].singleLine()," .mainPanel":{position:"relative"}," .mainContainer":{position:"relative","overflow-y":"auto","overflow-x":"hidden","-webkit-overflow-scrolling":"touch","z-index":0}," .dropShadow":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"opacity 0.25s"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":"inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4)"},_polytheneThemeCommonConfig2["default"].vendors.box_shadow),{opacity:0,position:"absolute",top:"auto",left:0,right:0,height:"6px","z-index":1}]," .headerContainer":{position:"relative"}," .outerContainer.cascaded > .headerContainer > .dropShadow":{opacity:1},"&:not(.fixed) > .outerContainer > .headerContainer":{position:"absolute",top:0,right:0,left:0,"z-index":_polytheneThemeCommonConfig2["default"].zIndexHeaderContainer," .bg-container":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}," .topBar":{"z-index":1}," .bottomBar":{"z-index":0}}," .condensedHeaderBg":{opacity:0}," .headerBg, .condensedHeaderBg":[_polytheneThemeCommonMixin2["default"].vendorize({"background-size":"cover"},_polytheneThemeCommonConfig2["default"].vendors.background_size),{position:"absolute",top:0,left:0,width:"100%",height:"100%","background-repeat":"no-repeat","background-position":"center center"}]," .image-dimmer":{position:"absolute",bottom:0,top:0,right:0,left:0},"&[mode=standard]":{" .dropShadow":{opacity:1}},"&[mode=seamed]":{" .dropShadow":{display:"none"}},"&[mode=scroll]":{" .mainContainer":{overflow:"visible"}," .outerContainer":{"overflow-y":"auto","overflow-x":"hidden","-webkit-overflow-scrolling":"touch"}},"&[mode=cover]":{" .mainPanel":{position:"static"}," .mainContainer":{position:"absolute",top:0,right:0,bottom:0,left:0}," .dropShadow":{position:"static",width:"100%"}}}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -9,6 +9,14 @@ import config from 'polythene-theme/common/config'; | ||
'&.subheader .list-tile-title, .list-tile-info': { | ||
'&.subheader .list-tile-title': { | ||
color: config.color[tint][element].subheader | ||
}, | ||
' .list-tile-subtitle': { | ||
color: config.color[tint][element].secondaryTitle | ||
}, | ||
' .list-tile-info': { | ||
color: config.color[tint][element].info | ||
}, | ||
'&.disabled': { | ||
@@ -15,0 +23,0 @@ '&, .list-tile-title, .list-tile-info': { |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var style=function style(tint,element){return{"&, .list-tile-title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].header},"&.subheader .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].subheader},"&.disabled":{"&, .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].disabled}}," .list-tile-primary, .list-tile-secondary":{"&, a":{color:"inherit"}," .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint]["icon-button"].flat.normal.color}},"&.selected":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backgroundSelected}}};var styles=[{".list-tile":style("light","list-tile"),".dark-theme .list-tile":style("dark","list-tile")}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var style=function style(tint,element){return{"&, .list-tile-title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].header},"&.subheader .list-tile-title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].subheader}," .list-tile-subtitle":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].secondaryTitle}," .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].info},"&.disabled":{"&, .list-tile-title, .list-tile-info":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].disabled}}," .list-tile-primary, .list-tile-secondary":{"&, a":{color:"inherit"}," .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint]["icon-button"].flat.normal.color}},"&.selected":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backgroundSelected}}};var styles=[{".list-tile":style("light","list-tile"),".dark-theme .list-tile":style("dark","list-tile")}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -8,2 +8,3 @@ import config from 'polythene-theme/common/config'; | ||
const threeLineHeight = 88; | ||
const compactPadding = 4; | ||
const oneLinePadding = 8; | ||
@@ -27,6 +28,12 @@ const twoLinePadding = 16; | ||
'&.disabled': { | ||
'&.selected, &.disabled': { | ||
cursor: 'default' | ||
}, | ||
'&.sticky': mixin.sticky(), | ||
' small': { | ||
'font-size': '12px' | ||
}, | ||
'&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line': { | ||
@@ -142,4 +149,4 @@ '&.list-tile-has-icon': { | ||
' .list-tile-secondary': { | ||
'font-size': '12px', | ||
'text-align': 'right' | ||
'text-align': 'right', | ||
'font-size': '16px' | ||
}, | ||
@@ -167,3 +174,3 @@ ' .list-tile-content-icon': { | ||
}, | ||
' .list-tile-info': [ | ||
' .list-tile-subtitle': [ | ||
mixin.singleLine(), { | ||
@@ -174,3 +181,3 @@ 'font-size': '14px', | ||
'&.list-tile-double-info': { | ||
'&.list-tile-double-subtitle': { | ||
height: 2 * config.lineHeight + 'em', // em | ||
@@ -182,2 +189,53 @@ 'max-height': 2 * config.lineHeight + 'em', // em | ||
] | ||
}, | ||
'.list.compact .list-tile, .list-tile.compact': { | ||
' .list-tile-content': { | ||
height: 'auto', | ||
'padding-top': compactPadding + 'px', | ||
'padding-bottom': compactPadding + 'px' | ||
} | ||
}, | ||
'.dialog .menu-content': { | ||
' .list-tile': { | ||
' .list-tile-content': { | ||
height: 'auto', | ||
' .list-tile-title': { | ||
height: 'auto', | ||
'text-overflow': 'initial', | ||
overflow: 'initial', | ||
'white-space': 'initial' | ||
} | ||
} | ||
} | ||
}, | ||
'.menu .menu-content': { | ||
' .list-tile-title': { | ||
'white-space': 'nowrap', | ||
'text-overflow': 'ellipsis' | ||
}, | ||
' .list-tile:not(.disabled)': { | ||
cursor: 'default', | ||
' .list-tile-primary': { | ||
'&, .list-tile-content': { | ||
overflow: 'hidden' | ||
} | ||
}, | ||
'&, .list-tile-primary, list-tile-secondary': { | ||
' .list-tile-title, .list-tile-subtitle': [ | ||
mixin.vendorize({ | ||
'user-select': 'none' | ||
}, config.vendors.user_select) | ||
] | ||
} | ||
} | ||
}, | ||
' html.no-touch': { | ||
' .list.hoverable, .list.selectable': { | ||
' .list-tile:not(.subheader):not(.disabled):not(.selected):hover': { | ||
cursor: 'pointer' | ||
} | ||
} | ||
} | ||
@@ -184,0 +242,0 @@ }]; |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var oneLineHeight=48;var oneLineHeightWithIcon=56;var twoLineHeight=72;var threeLineHeight=88;var oneLinePadding=8;var twoLinePadding=16;var threeLinePadding=16;var iconElementWidth=72;var sidePadding=2*_polytheneThemeCommonConfig2["default"].componentGridUnit;var sidePaddingPx=sidePadding+"px";var styles=[{".list-tile":{position:"relative","&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-title":{"font-size":"14px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightMedium}},"&.disabled":{cursor:"default"},"&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line":{"&.list-tile-has-icon":{" .list-tile-content-icon":{" .icon":{left:sidePaddingPx}}," .list-tile-content":{"padding-left":0,"padding-right":sidePaddingPx}},"&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px","padding-top":0,"padding-bottom":0}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeight+"px",padding:0}}}},"&.list-tile-single-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px",padding:oneLinePadding+"px"+" 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:"5px 0","line-height":oneLineHeight-2*oneLinePadding-2*5+1+"px"}}}],"&.list-tile-single-line.list-tile-has-icon":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeightWithIcon+"px"}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeightWithIcon-2*oneLinePadding-2*5+1+"px"}}},"&.list-tile-two-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:twoLineHeight+"px",padding:twoLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}],"&.list-tile-three-line":[{" .list-tile-content-icon":{" .icon":{top:threeLinePadding+"px"}}},{" .list-tile-content-icon, .list-tile-content":{height:threeLineHeight+"px",padding:threeLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}]," .list-tile-title":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"16px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightNormal}]," .list-tile-secondary":{"font-size":"12px","text-align":"right"}," .list-tile-content-icon":{position:"relative",width:iconElementWidth+"px"," .icon":{position:"absolute",left:0}}," .list-tile-content-icon, .list-tile-content":[_polytheneThemeCommonMixin2["default"].verticalCenterParent(),{position:"relative"}]," a":{display:"block"}," a.list-tile-primary":{color:"inherit","text-decoration":"none"}," .list-tile-info":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"14px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"max-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"&.list-tile-double-info":{height:2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","max-height":2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","white-space":"normal"}}]}}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var oneLineHeight=48;var oneLineHeightWithIcon=56;var twoLineHeight=72;var threeLineHeight=88;var compactPadding=4;var oneLinePadding=8;var twoLinePadding=16;var threeLinePadding=16;var iconElementWidth=72;var sidePadding=2*_polytheneThemeCommonConfig2["default"].componentGridUnit;var sidePaddingPx=sidePadding+"px";var styles=[{".list-tile":{position:"relative","&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-title":{"font-size":"14px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightMedium}},"&.selected, &.disabled":{cursor:"default"},"&.sticky":_polytheneThemeCommonMixin2["default"].sticky()," small":{"font-size":"12px"},"&.list-tile-single-line, &.list-tile-two-line, &.list-tile-three-line":{"&.list-tile-has-icon":{" .list-tile-content-icon":{" .icon":{left:sidePaddingPx}}," .list-tile-content":{"padding-left":0,"padding-right":sidePaddingPx}},"&.subheader, &.list-tile-has-icon.subheader":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px","padding-top":0,"padding-bottom":0}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeight+"px",padding:0}}}},"&.list-tile-single-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeight+"px",padding:oneLinePadding+"px"+" 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:"5px 0","line-height":oneLineHeight-2*oneLinePadding-2*5+1+"px"}}}],"&.list-tile-single-line.list-tile-has-icon":{" .list-tile-content-icon, .list-tile-content":{height:oneLineHeightWithIcon+"px"}," .list-tile-content":{" .list-tile-title":{"line-height":oneLineHeightWithIcon-2*oneLinePadding-2*5+1+"px"}}},"&.list-tile-two-line":[{" .list-tile-content-icon":{" .icon":_polytheneThemeCommonMixin2["default"].verticalCenter("absolute")}},{" .list-tile-content-icon, .list-tile-content":{height:twoLineHeight+"px",padding:twoLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}],"&.list-tile-three-line":[{" .list-tile-content-icon":{" .icon":{top:threeLinePadding+"px"}}},{" .list-tile-content-icon, .list-tile-content":{height:threeLineHeight+"px",padding:threeLinePadding+"px 0"}},{" .list-tile-content":{"padding-left":sidePaddingPx,"padding-right":sidePaddingPx," .list-tile-title":{padding:0,"line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm}}}]," .list-tile-title":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"16px","font-weight":_polytheneThemeCommonConfig2["default"].fontWeightNormal}]," .list-tile-secondary":{"text-align":"right","font-size":"16px"}," .list-tile-content-icon":{position:"relative",width:iconElementWidth+"px"," .icon":{position:"absolute",left:0}}," .list-tile-content-icon, .list-tile-content":[_polytheneThemeCommonMixin2["default"].verticalCenterParent(),{position:"relative"}]," a":{display:"block"}," a.list-tile-primary":{color:"inherit","text-decoration":"none"}," .list-tile-subtitle":[_polytheneThemeCommonMixin2["default"].singleLine(),{"font-size":"14px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"max-height":_polytheneThemeCommonConfig2["default"].lineHeightEm,"&.list-tile-double-subtitle":{height:2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","max-height":2*_polytheneThemeCommonConfig2["default"].lineHeight+"em","white-space":"normal"}}]},".list.compact .list-tile, .list-tile.compact":{" .list-tile-content":{height:"auto","padding-top":compactPadding+"px","padding-bottom":compactPadding+"px"}},".dialog .menu-content":{" .list-tile":{" .list-tile-content":{height:"auto"," .list-tile-title":{height:"auto","text-overflow":"initial",overflow:"initial","white-space":"initial"}}}},".menu .menu-content":{" .list-tile-title":{"white-space":"nowrap","text-overflow":"ellipsis"}," .list-tile:not(.disabled)":{cursor:"default"," .list-tile-primary":{"&, .list-tile-content":{overflow:"hidden"}},"&, .list-tile-primary, list-tile-secondary":{" .list-tile-title, .list-tile-subtitle":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select)]}}}," html.no-touch":{" .list.hoverable, .list.selectable":{" .list-tile:not(.subheader):not(.disabled):not(.selected):hover":{cursor:"pointer"}}}}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -44,7 +44,2 @@ import config from 'polythene-theme/common/config'; | ||
} | ||
}, | ||
' html.no-touch .list.hoverable': { | ||
' .list-tile:not(.subheader):not(.disabled):hover': { | ||
cursor: 'pointer' | ||
} | ||
} | ||
@@ -51,0 +46,0 @@ }]; |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles=[{".list":{padding:_polytheneThemeCommonConfig2["default"].componentGridUnit+"px 0","&.has-subheader":{"padding-top":0},"& + .list":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-style":"solid none none none","border-width":"1px"}],"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}},"&.bordered-indent":{"border-top":"none"," .list-tile:not(.subheader)":{"&:not(:last-child) .list-tile-content":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}}," html.no-touch .list.hoverable":{" .list-tile:not(.subheader):not(.disabled):hover":{cursor:"pointer"}}}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var styles=[{".list":{padding:_polytheneThemeCommonConfig2["default"].componentGridUnit+"px 0","&.has-subheader":{"padding-top":0},"& + .list":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-style":"solid none none none","border-width":"1px"}],"&.bordered":{" .list-tile:not(.subheader)":{"&:not(:last-child)":{" .list-tile-content, .list-tile-content-icon":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}},"&.bordered-indent":{"border-top":"none"," .list-tile:not(.subheader)":{"&:not(:last-child) .list-tile-content":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-style":"none none solid none","border-width":"1px"}]}}}}];exports["default"]=styles;module.exports=exports["default"]; |
{ | ||
"name": "polythene-theme", | ||
"version": "0.1.24", | ||
"version": "0.1.25", | ||
"description": "Polythene default theme", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
@@ -13,6 +13,6 @@ import config from 'polythene-theme/common/config'; | ||
'border-radius': 'inherit', | ||
'z-index': -1, // for IE, otherwise covered area receives no tap interaction | ||
' .shadow-bottom, .shadow-top': { | ||
'border-radius': 'inherit', | ||
'z-index': -1, // for IE, otherwise covered area receives no tap interaction | ||
@@ -19,0 +19,0 @@ '.animated': mixin.vendorize({ |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var shadowDirective=function shadowDirective(dir){return _polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":dir},_polytheneThemeCommonConfig2["default"].vendors.box_shadow)};var styles=[{".shadow":{"border-radius":"inherit"," .shadow-bottom, .shadow-top":{"border-radius":"inherit","z-index":-1,".animated":_polytheneThemeCommonMixin2["default"].vendorize({transition:"box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)"},_polytheneThemeCommonConfig2["default"].vendors.transition)}},".shadow-top-z-1":shadowDirective("none"),".shadow-bottom-z-1":shadowDirective("0 1px 4px 0 rgba(0, 0, 0, 0.37)"),".shadow-top-z-2":shadowDirective("0 2px 2px 0 rgba(0, 0, 0, 0.2)"),".shadow-bottom-z-2":shadowDirective("0 6px 10px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-3":shadowDirective("0 11px 7px 0 rgba(0, 0, 0, 0.19)"),".shadow-bottom-z-3":shadowDirective("0 13px 25px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-4":shadowDirective("0 14px 12px 0 rgba(0, 0, 0, 0.17)"),".shadow-bottom-z-4":shadowDirective("0 20px 40px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-5":shadowDirective("0 17px 17px 0 rgba(0, 0, 0, 0.15)"),".shadow-bottom-z-5":shadowDirective("0 27px 55px 0 rgba(0, 0, 0, 0.3)")}];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var shadowDirective=function shadowDirective(dir){return _polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":dir},_polytheneThemeCommonConfig2["default"].vendors.box_shadow)};var styles=[{".shadow":{"border-radius":"inherit","z-index":-1," .shadow-bottom, .shadow-top":{"border-radius":"inherit",".animated":_polytheneThemeCommonMixin2["default"].vendorize({transition:"box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)"},_polytheneThemeCommonConfig2["default"].vendors.transition)}},".shadow-top-z-1":shadowDirective("none"),".shadow-bottom-z-1":shadowDirective("0 1px 4px 0 rgba(0, 0, 0, 0.37)"),".shadow-top-z-2":shadowDirective("0 2px 2px 0 rgba(0, 0, 0, 0.2)"),".shadow-bottom-z-2":shadowDirective("0 6px 10px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-3":shadowDirective("0 11px 7px 0 rgba(0, 0, 0, 0.19)"),".shadow-bottom-z-3":shadowDirective("0 13px 25px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-4":shadowDirective("0 14px 12px 0 rgba(0, 0, 0, 0.17)"),".shadow-bottom-z-4":shadowDirective("0 20px 40px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-5":shadowDirective("0 17px 17px 0 rgba(0, 0, 0, 0.15)"),".shadow-bottom-z-5":shadowDirective("0 27px 55px 0 rgba(0, 0, 0, 0.3)")}];exports["default"]=styles;module.exports=exports["default"]; |
@@ -137,3 +137,3 @@ import config from 'polythene-theme/common/config'; | ||
'&.menu': { | ||
'&.tab-menu': { | ||
@@ -235,3 +235,3 @@ // reset sizes to fit within a small space | ||
['@media (min-width: ' + config.screenSizeMedium + 'px)']: { | ||
' .tabs:not(.small):not(.medium):not(.menu) .tab': { | ||
' .tabs:not(.small):not(.medium):not(.tab-menu) .tab': { | ||
'min-width': '160px' | ||
@@ -238,0 +238,0 @@ } |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=44;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{overflow:"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0",opacity:.7}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.selected":{" .content .label":{opacity:1}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":5,width:"100%"}],"&.menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":0," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","line-height":"12px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4," .content":{"border-radius":0,"background-color":"inherit"}," .label":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".5s"},_polytheneThemeCommonConfig2["default"].vendors.transition),{opacity:.7}],"&.disabled .label":{opacity:0}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.menu) .tab":{"min-width":"160px"}})];exports["default"]=styles;module.exports=exports["default"]; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=44;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{overflow:"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0",opacity:.7}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.selected":{" .content .label":{opacity:1}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":5,width:"100%"}],"&.tab-menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":0," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","line-height":"12px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4," .content":{"border-radius":0,"background-color":"inherit"}," .label":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".5s"},_polytheneThemeCommonConfig2["default"].vendors.transition),{opacity:.7}],"&.disabled .label":{opacity:0}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.tab-menu) .tab":{"min-width":"160px"}})];exports["default"]=styles;module.exports=exports["default"]; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
167892
2587