octicon-mirror(24/)
javascript/ionic-framework
octicon-rss(16/)
1
0
octicon-repo-forked(16/)Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 22:44:13 +08:00
octicon-code(16/) Code octicon-issue-opened(16/) Issues octicon-package(16/) Packages octicon-project(16/) Projects octicon-tag(16/) Releases octicon-book(16/) Wiki octicon-pulse(16/) Activity

fix(menu-button): move font-size to host for easier customization (#18699)

Browse Source 
fixes #18667
This commit is contained in:
octicon-git-branch(16/)
octicon-tag(16/)
Brandy Carney
2019-07-02 15:37:16 -04:00
committed by GitHub
gitea-unlock(16/)
parent c6bb2730a8
commit 876ab41ba8
octicon-diff(16/tw-mr-1) 3 changed files with 10 additions and 6 deletions
gitea-whitespace(16/)
gitea-split(16/)
octicon-kebab-horizontal(16/)
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/menu-button/menu-button.ios.scss
View File

@@ -11,6 +11,8 @@
--padding-end: 5px;
height: 32px;
font-size: 31px;
}
:host(.activated) {
@@ -23,10 +25,6 @@
}
}
ion-icon {
font-size: 31px;
}
// Menu Button Color: Focused
// --------------------------------------------------

3
core/src/components/menu-button/menu-button.md.scss
View File

@@ -13,12 +13,11 @@
width: 48px;
height: 48px;
}
ion-icon {
font-size: 24px;
}
// Menu Button Color: Hover
// --------------------------------------------------

7
core/src/components/menu-button/test/basic/index.html
View File

@@ -27,6 +27,8 @@
<ion-menu-button auto-hide="false" color="secondary" class="custom"></ion-menu-button>
<ion-menu-button auto-hide="false" class="custom ion-focused"></ion-menu-button>
<ion-menu-button auto-hide="false" color="secondary" class="custom ion-focused"></ion-menu-button>
<ion-menu-button auto-hide="false" class="custom-large"></ion-menu-button>
<ion-menu-button auto-hide="false" class="custom-large ion-focused"></ion-menu-button>
<h1>Colors</h1>
<ion-menu-button auto-hide="false" color="primary"></ion-menu-button>
@@ -103,6 +105,11 @@
--background-focused: rgb(255, 105, 180, .24);
}
.custom-large {
width: 84px;
height: 84px;
font-size: 44px;
}
</style>
</body>