icon-fonts

UI5 StandardListItem DetailAndActive change Icon

由 99封情书 提交于 2019-12-24 10:56:03
问题 I would like to change the standard "pen" icon of the StandardListItem of type DetailAndActive . Is there a way to do so? my XML so far: <List id="master1List" items="{/path}" mode="{device>/listMode}" select="onSelect" itemPress="showDetail" growing="true" growingScrollToLoad="true"> <items> <StandardListItem type="DetailAndActive" activeIcon="sap-icon://message-information" id="master1ListItem" press="onSelect" title="{title}"> </StandardListItem> </items> </List> As far as I know there are

Sass variable interpolation with backslash in output

由 流过昼夜 提交于 2019-12-22 04:12:30
问题 I'm creating some icon font rules for using in my site. Using Sass I wanted to list all the icons in a list variable and use @each to loop through them all. Code looks like this: $icons: wifi 600, wifi-hotspot 601, weather 602; @each $icon in $icons { .icon-#{nth($icon, 1)}, %icon-#{nth($icon, 1)} { content: "\#{nth($icon, 2)}"; } } The problem is the backslash on the content: line. I need it for the character encoding, but it escapes the variable interpolation, outputting CSS that looks like

Support for Unicode By browser

由 僤鯓⒐⒋嵵緔 提交于 2019-12-21 03:47:29
问题 I am using the CSS Buttons With Icons But No Images.The icons are generated using unicode values. In this I faced a problem that some browsers doesn't support some unicode values. So instead of proper icon it shows some unwanted symbol. To provide support for Unicode in any browser what steps do we have to follow? 回答1: This is primarily a font problem, but if the fonts listed in your CSS do not cover some character, then different browsers will use fallback fonts differently. The cure is to

Sencha Architect 3 does not use app.css

由 自作多情 提交于 2019-12-19 09:17:32
问题 I am trying to add custom font icons to my sencha architect project, and remove unnecessary theme classes but it seems that Sencha Architect does not use the app.scss at all (located in the resources/sass folder of my project). The changes that I made are neither applied in architect nor when I start the app. app.scss $include-pictos-font: false; $include-default-icons: false; @import 'sencha-touch/default'; @import'sencha-touch/default/src/Class'; @include icon-font('CustomFont', inline-font

Some Icomoon icons won't display

由 大憨熊 提交于 2019-12-12 16:23:42
问题 I am using Icomoon in an application - I am having a problem with a small number of icons which will not display. I have downloaded all the icons via the Icomoon App and this is the latest version - all 450 are selected. I have tried on just a blank page with no other CSS and they still don't work in case it was some CSS in my application causing it. <link rel="stylesheet" type="text/css" href="/css/icons/icomoon/style.css" media="screen" /> <i class="icon-user"></i> User <i class="icon-bars"

Custom icon font not loaded

由 落爺英雄遲暮 提交于 2019-12-12 01:58:37
问题 Using gulp-iconfont-css, I'm trying to compile Material Design svg into a font. This is the part of my Gulpfile.js: gulp.task('iconfont', function(){ gulp.src(paths.svg) .pipe(iconfontCss({ fontName: 'material-design', // required path: './www/sass/templates/_icons.scss', targetPath: '../sass/_icons.scss', fontPath: '/fonts/' })).pipe(iconfont({ fontName: 'material-design', // required })) .pipe(gulp.dest('./www/fonts/')); }); And now my template: @font-face { font-family: "<%= fontName %>";

large Iconfont icon cut off on the right side

由 半腔热情 提交于 2019-12-09 17:30:12
问题 I'm using a large Icon from an icon font my client delivered as a header logo on the index page of a web app. The logo is as large as 60% of the device width and consists of a large round logo (about 40% of the icon) with text below and as wide as 60% of the device in portrait mode. I got the logo with text as one vector icon font icon because the customer want's the text to be exactly as the brands CI demands. _____###_____ ____#####____ _____###_____ Slogan is here It looks alright on the

Icon Font Accessibility: parent span with aria-label or sibling span with sr-only

由 生来就可爱ヽ(ⅴ＜●) 提交于 2019-12-08 04:26:38
问题 I have a icon which is not decorative, and it is not directly within an interactive element, though there is an interactive element in the hierarchy. Something like this: <button type="button"> <div> Some info </div> <div> other info </div> <i class="material-icons"> icon </i> </button> This icon displays information about the status of this item. To make it more accessible, is it better to change the structure to this: <button type="button"> <div> Some info </div> <div> other info </div>

Icon font behaving strangely in IE11

由 此生再无相见时 提交于 2019-12-07 20:46:37
问题 I'm having a strange issue with an icon font misbehaving in IE... specifically, it seems that the browser is showing the icon associated with the lower-case character instead of the upper-case character. The characters in question are being specified in CSS using the content property of :before selectors. For example, if we have CSS like: .icon-1:before { content: 'o'; } .icon-2:before { content: 'O'; } and HTML like: <div class='icon-2'></div> we see the icon-1 icon instead of the icon-2

Icon font behaving strangely in IE11

由 北城余情 提交于 2019-12-06 09:53:22
I'm having a strange issue with an icon font misbehaving in IE... specifically, it seems that the browser is showing the icon associated with the lower-case character instead of the upper-case character. The characters in question are being specified in CSS using the content property of :before selectors. For example, if we have CSS like: .icon-1:before { content: 'o'; } .icon-2:before { content: 'O'; } and HTML like: <div class='icon-2'></div> we see the icon-1 icon instead of the icon-2 icon. Does anyone have any suggestions as to how this could be happening? The icon font behaves correctly
订阅 icon-fonts