diff --git a/src/components/action-menu/action-menu.scss b/src/components/action-menu/action-menu.scss index a724d36f72..df39da3d55 100644 --- a/src/components/action-menu/action-menu.scss +++ b/src/components/action-menu/action-menu.scss @@ -1,3 +1,35 @@ // Action Menu // -------------------------------------------------- + +$action-menu-group-margin: 15px !default; +$action-menu-background-color: rgba(243,243,243,.95) !default; +$action-menu-button-text-color: #007aff !default; + + +.action-menu-container { + position: absolute; + z-index: $z-index-action-menu; + left: 0; + bottom: 0; + width: 100%; +} + +.action-menu-group { + margin: $action-menu-group-margin; +} + +.action-menu-group .action-menu-label { + display: block; + width: 100%; + text-align: center; + background: $action-menu-background-color; +} + +.action-menu-group .action-menu-button { + display: block; + width: 100%; + text-align: center; + background: $action-menu-background-color; + color: $action-menu-button-text-color; +} diff --git a/src/components/action-menu/test/basic/main.html b/src/components/action-menu/test/basic/main.html index 413e3838e3..b8ed156c81 100644 --- a/src/components/action-menu/test/basic/main.html +++ b/src/components/action-menu/test/basic/main.html @@ -1,12 +1,24 @@ -