Posts

Showing posts with the label Icons

Change SVG Size In Angular Material 2 Using Vanilla CSS Or HTML

Answer : It seems that library styles override your css inline declaration. Try maybe to add !important declaration to your style: style="font-size: 16 !important" or since you didn't provide more code, try to inspect this icon node, to check which style define the font-size. Also check here UPDATE : Here is another possibly working solution. Add transform: scale(2); style for svg element you want to resize, where 2 is 200% of actual size (of course you can also downsize them using for example 0.5 value for 50%). Here is working sample for the website with your icons and link to documnetation: .size-24 button svg { width: 24px; height: 24px; transform: scale(2); } I played with this for way too long. I have a series of icons that I want to be scaled to fit in various mat-icon sizes, but each icon needs a different scale so they appear balanced with the other icons - effectively increasing the size of the viewBox. In the end this worked well...

Android Notification Icon Is A White Circle

Image
Answer : You must use a notification icon with no background. Android will add the circle background. You can set background color with .setColor(context.getResources().getColor(R.color.colorPrimary)) to match your app indentity. Icon inside will remain white and circle will get the color you defined. If your compileSDKversion is above 20 then notification icon should be a white-on-transparent background image. Otherwise the image will be rendered as a white colored image. Please go through the below link too for guidelines to create the icon https://www.google.com/design/spec/patterns/notifications.html and also the notification icon generator. https://romannurik.github.io/AndroidAssetStudio/icons-notification.html#source.space.trim=1&source.space.pad=0&name=ic_stat_example It seems to be a problem of cache during compilation ... The first image I was using was bad (fully colored), so I think my compilator created somekind of cache on the filename. I...

Android Icon Generator For Actionbar And Notification Not Working (grey Shape)

Image
Answer : You can use a tool for creating generic icons in Asset Studio: https://romannurik.github.io/AndroidAssetStudio/icons-generic.html. To get it look like ActionBar Icon, you should make next actions: Choose image The size of image should stay at 24dip Change padding to 4dip Move foreground color thumb to 0% That's it! Download .zip now. The sizes of icons will be pretty the same as you can get them with ActionBar Icon Generator. How it looks for me: I think it's because your image is too complexe and the main problem is the "color" filter applied in AAS. I had the same problem and I had to convert xxxhdpi xxhdpi etc. manually. If you work with Sketch (for example) it can be converted easily with a plugin (https://github.com/zmalltalker/sketch-android-assets) hope it's help ! If you want to use AAR, like @rom4ek explained "4. Move foreground color thumb to 0%" this is the important part

C# - Capturing The Mouse Cursor Image

Image
Answer : While I can't explain exactly why this happens, I think I can show how to get around it. The ICONINFO struct contains two members, hbmMask and hbmColor, that contain the mask and color bitmaps, respectively, for the cursor (see the MSDN page for ICONINFO for the official documentation). When you call GetIconInfo() for the default cursor, the ICONINFO struct contains both valid mask and color bitmaps, as shown below (Note: the red border has been added to clearly show the image boundaries): Default Cursor Mask Bitmap Default Cursor Color Bitmap When Windows draws the default cursor, the mask bitmap is first applied with an AND raster operation, then the color bitmap is applied with an XOR raster operation. This results in an opaque cursor and a transparent background. When you call GetIconInfo() for the I-Beam cursor, though, the ICONINFO struct only contains a valid mask bitmap, and no color bitmap, as shown below (Note: again, the red border has been adde...

Android Push Notifications: Icon Not Displaying In Notification, White Square Shown Instead

Answer : Cause: For 5.0 Lollipop "Notification icons must be entirely white". If we solve the white icon problem by setting target SDK to 20, our app will not target Android Lollipop, which means that we cannot use Lollipop-specific features. Solution for target Sdk 21 If you want to support Lollipop Material Icons then make transparent icons for Lollipop and the above version. Please refer following: https://design.google.com/icons/ Please look at http://developer.android.com/design/style/iconography.html, and we'll see that the white style is how notifications are meant to be displayed in Android Lollipop. In Lollipop, Google also suggests that we use a color that will be displayed behind the white notification icon. Refer Link: https://developer.android.com/about/versions/android-5.0-changes.html Wherever we want to add Colors https://developer.android.com/reference/android/support/v4/app/NotificationCompat.Builder.html#setColor(int) Implementation of Noti...

Change The Icon Size Of AngularJS Material Icons

Answer : By reading the material design in github I found these useful stuff that might help you. /* Rules for sizing the icon. */ .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } /* Rules for using icons as black on a light background. */ .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } /* Rules for using icons as white on a dark background. */ .material-icons.md-light { color: rgba(255, 255, 255, 1); } .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } From the code above, there you can simply change or override the material css icons. Sample code: <i class="material-icons md-18">face</i> More details here If I'm doing a one-off I usually just add a style= modification to the font-size in the tag. But yes long story short t...

Android > Chrome Chromecast Icon Over Html5 Video Position

Answer : There is another options to disable casting button, this option actually disables the button instead of hiding it. <video disableRemotePlayback src="..."> https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/disableRemotePlayback https://developers.google.com/web/updates/2015/11/presentation-api After searching the Chromium source code, I figured out how to do it: video::-internal-media-controls-overlay-cast-button { display: none; } Example: http://jsfiddle.net/f1quhd2L/8/