Ehren
-
Posts
254 -
Joined
-
Last visited
-
Days Won
22
Content Type
Downloads
Release Notes
IPS4 Guides
IPS4 Developer Documentation
Invision Community Blog
Development Blog
Deprecation Tracker
Providers Directory
Forums
Events
Store
Gallery
Everything posted by Ehren
-
Hi @SeNioR- This has been fixed and will be patched in the next update 🙂
-
Hi @SeNioR- Are you able to clarify what device you're using to produce this issue so I can look into it further? Using an iPhone Mini, the text still has a decent amount of breathing space:
-
Hey @SeNioR- Thanks for reporting those. Can I ask what device you're using? The UI is designed for all mobile devices and even works with the smallest resolution I was able to test which is an iPhone 3G (320px in width). Your screenshots seem to be of a device which is even smaller than that. This is how they're displayed at 360px (the width of an iPhone Mini): With this in mind, does the pagination also work correctly when viewed at 360px? My guess is that you're using the browser developer tools to resize your window, but the resized window is far smaller than a real life mobile device. If I'm mistaken though, please let me know so I can look into it further 🙂
-
Thanks for your feedback @Ibai. The next major version of Invision Community will be focusing on performance improvements such as this (adding width/height attributes, using native lazy loading, etc). We don't have any information to share yet, but things like this will be implemented by default in the future 🙂 The width and height tags only support numerical values. Adding units will make them invalid. Instead, you should simply use width="24" height="24"
-
Thanks Hisashi, I'll keep this in mind for a future update 🙂
- 1 reply
-
- 3
-
-
You’d be surprised at some questions I’ve seen in the past, so I just assumed this was legit too 😅
-
That potentially sounds like an Android thing, not a CSS thing 🙂
-
Sure thing. Adding this to your custom.css file should add a space after the mention tag inside posts and the editor: :is(.ipsComposeArea,.ipsType_richText) [data-mentionid]{ margin-inline-end: .5em; }
-
Hi @abobader, That's actually working as intended. It behaves the same as other "mention" features such as those found in iMessage and Facebook. The lack of a space is also ideal for situations where you want to place grammar immediately after the username, such as the comma in the top line of this post, or an apostrophe. I hope that helps to clarify 🙂
-
This week, we're excited to preview some of the UI changes which will be included with Invision Community 4.7.8. These changes result in improved performance for Google Fonts and better contrast for accessibility, while also fixing a few bugs along the way. When combined, these small improvements result in a much more polished UI, so lets dive in and take a look at some examples below! Google Fonts Google Fonts are now imported using the latest version of their API, which includes support for font-display:swap. This CSS property prevents FOUT, or the Flash Of Unstyled Text, where fonts would temporarily be invisible if the Google Font hadn't finished downloading. With this update, a fallback font will be displayed until the Google Font has been downloaded, so your text will be immediately visible even on your initial page load. With this update, we have also imported font-weight:600 for improved rendering of semi-bold fonts. Cleaner UI for Forum Grid This update includes a cleaner UI for forum grids, resulting in improved contrast particularly for the forum icon and forum name. Cleaner UI for "Expanded view" topic lists In addition to new forum grids, the expanded view UI has also seen improvements in this update, where items are now separated by a simple border instead of being separated into their own boxes. Improved button alignment on mobiles When possible, buttons will now only occupy a single line on mobiles which results in a cleaner layout and less scrolling. Win win! Before: After: Breadcrumbs Breadcrumbs now use a darker color and thicker font-weight for improved contrast, and no longer truncate when long titles are included. Before: After: Social Icons The background color of certain social icons has been updated to match their current brand colours. Before: After: Widget designs All widgets have received a slight UI overhaul, resulting in improved readability due to heavier font-weights on titles. Alignment issues have also been addressed in certain widgets for mobiles: Before: After: Improved alignment in posts Post controls (the bar containing the quote link and reactions) are now vertically aligned to the bottom of posts, regardless of the post length. Small change, but a big difference! Before: After: And much more! In addition to these changes, we've included a bunch of fixes including broken stats on record lists, wide tooltips, sticky announcements not staying stuck to the screen, incorrect image ratios for Recent Achievement badges and stretched thumbnails in widgets. We think these improvements have really helped to clean up certain areas of our UI and we look forward to them going live on all sites with 4.7.8!- 20 comments
-
- 28
-
-
-
Theme Color "Mentions" not applied to Mentions
Ehren replied to Christian Meixner's topic in Technical Problems
A fix for this was put into a pull request a few days ago. It will be patched in a future version 🙂 -
Thanks for the feedback Mike. I've addressed this by truncating descriptions to two lines. It'll be fixed in a future update 🙂
-
Hi @Afrodude Adding the following to your custom.css file will fix the issue on your site. The code will be included in an upcoming Invision update 🙂 @media screen and (max-width: 979px) { html[dir="ltr"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main, html[dir="ltr"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main + .ipsDataItem_stats { margin-right: 2.5em; } html[dir="rtl"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main, html[dir="rtl"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main + .ipsDataItem_stats { margin-left: 2.5em; } .ipsDataItem_stats { white-space: normal; } }
-
Yes, we’re aware. It has not yet been patched. Thank you 🙂
-
If possible, can someone send me a URL to a post which has the empty lines? There may be a css solution which can help temporarily, until the issue is fixed by Samsung or CKEditor 🙂
-
To do this correctly, many changes are needed to both HTML and CSS, not to mention 3rd party apps which use the 4.x icons. FontAwesome does provide a “backwards compatible” file which lets you use both the 4.x and 6.x code simultaneously, however it’s a fair amount of code which would impact loading times even further. Supporting Font Awesome 6 has been on my radar for a while now and unless my current plan changes, FA6 will be included by default in a future version, likely as part of a major rebuild. I don’t have any further information on that just yet, but your feedback has most definitely been heard 🙂
-
My current understanding is that some minor improvements will be added to the 4.x series (such as an upcoming Gallery refresh), however the new/modern CSS framework will be part of a much larger "version 5" update at some point in the future. I have no ETA's or anything beyond that at the moment. 🙂
-
I would certainly assume so 😂
-
Thanks @SeNioR- A large UI sweep will be done in the future and will address things like this. I've been keeping note of small bugs like this one and I've been adding them to my todo list, so feel free to continue reporting things if you notice them 🙂
-
November 2022 Release Chat (Video)
Ehren replied to Olivia Clark's topic in Invision Community Insider
You guys did a great job, much better than I ever would have done! 😂 -
Thanks @opentype Despite an easy solution (changing the overflow), it's a bit of a tough bug to fix because buttons are currently designed to have truncated text if they're too wide for their parent. I'll potentially change this in a future version since it's not really ideal to truncate a button/CTA, but I'll fix this issue in the next update with the following code since it's less likely to break existing button layouts: .ipsButton:has(.ipsNotificationCount){ overflow: visible; }
-
It's been a bunch of fun working with you on all of our projects together. You've been a huge part of my time with Invision, always full of positivity, and I'm sure you'll impact just as many people at Amazon. With that said, I'd happily swallow Matts key too. If you ship the key to Australia, it'll be physically impossible for Jordan to use it because it'll only exist in the future.
-
Why extra link in dropdown navigation menu?
Ehren replied to KT Walrus's topic in Developer Connection
Thanks for the report! This has been fixed on this site and will be patched in the next update. In the mean time, you can fix it on your own sites by adding this to your custom.css file: /* Hide duplicate links in mobile navigation panel */ #elMobileDrawer .ipsDrawer_subMenu a[href=""]{ display: none; } -
I can happily back up Matt's last post. We've heard your feedback and are aiming to significantly improve both the CSS and JS performance in a future update - but as you can imagine, rewriting 10 years of code is a very long process that needs to be planned carefully.
-
Hello, This code, inside your custom.css file, is causing it: #elMobileDrawer a.ipsDrawer_close { right:0px; left:auto; top:-4px; } It looks like there are other issues going on since there's a box-shadow around the username, not to mention the bad alignment. I'd probably go through your custom.css file to check if all of the code in there is necessary. Your core > front > global > mobileNavigation template file may also be modified, which means it wouldn't have been upgraded correctly. For your reference, the user panel is meant to look like this:
