mendix/atlas-ui-framework

The shortest path to a stunning User Interface for all Mendix applications.

atlas-ui-framework's Issues

Native mobile text sizes

Hi, while developing a Native app, we have discovered that our text is scaling with the dynamic text. As can be seen in the last image, this makes things unworkable.

The dynamic text setting can be found:
ios: Settings > General > Accessibility > Larger Text
android: Settings > Display > Font size/ Display size

On smallest setting:

On default setting:

On largest setting:

Is there a way to prevent or at least constrain this behaviour so that the app can be made more robust to user settings?

Issue with display:block; for text alignment classes

With a new version of the framework the display: block; property is set for all text alignment classes that can lead to some weird / unexpected behaviour. It is applied on 3 classes (.text-left, .text-center and .text-right) in the _typography.scss file. It is not possible to undo these display property from the custom.css because display has no "auto" value.

I would suggest to only apply alignment property to the earlier mentioned classes and create new classes for display proporties if needed.

Listview styles

With Atlas 2.1.0, the default listview style has become bordered: lines between the listview items and a rounded border around the entire listview, listview-lined seems to have no effect. Is this by design?

tsconfig.json file in theme necessary?

Hi,

I have migrated several projects to 8.15.1 and Visual Studio Code always complains about the tsconfig.json file in the theme folder. (You need to actually open the theme folder in VS Code, it only complains when the folder is expanded in the tree view.)
Is this a left-over from the build?
Can I remove it?

Thanks in advance.

With regards,

Marcel

Appstore project does not work in the webmodeler

See screenshot when using the Project demo app from the appstore

SASS lib directory is empty

Please see Atlas-theme-default/styles/sass/lib

Atlas version number in Mendix

Hi there, are the Atlas version numbers which appear in Mendix under either "Atlas_UI_Framework_Version" or "Atlas_UI_Resources_Version" supposed to match the one on github? If so I think there may be an issue - today I downloaded Atlas UI 1.2.0 from your github released on Oct 19 but in Mendix it shows as v1.1.0. This is important to me because I'm trying to manage Atlas versioning in multiple Mendix projects using this numbering system as a reference.

Layout Atlas_Topbar scrolls the entire page rather than the dataview body

Hi,

The latest Atlas_UI_Resources module has a little issue with the Atlas_Topbar layout. The scroll container is set to scroll the entire widget, rather than per region.

As a result, a page with a dataview as topmost component will scroll the top bar and the footer as well. These should stay where they are, only the dataview body should scroll.

I changed the scroll behavior to scroll per region.

With regards,

Marcel

Listview styles affect nested listviews

When I nest listviews and use listview-stylingless on the outermost listview, the inner listview becomes stylingless too.

A possible solution could be to change the CSS selector into .mx-listview>ul>li where it is now .mx-listview li

The browse button for a upload field does nor work after version 1.14

Cannot change shadow effect for progress overlay/ activity indicator for android

While attempting to style the activity indicator we discovered that it was impossible to totally remove the shadow of the box around in android. Examining the core files: styles/native/js/core/widgets/navigation.js we can see in this file (and below) that only backgroundColor and shadowColor are editable props while the rest is hardcoded.

shadowColor has no effect on android and leaves us with an awkward grey box surrounding our spinner.

Is it possible to add more editable props to the core files here?

progressOverlay: {
        container: {
            // All ViewStyle properties are allowed
            backgroundColor: navigation.progressOverlay.containerBackgroundColor,
            paddingHorizontal: spacing.largest,
            paddingVertical: spacing.large,
            borderRadius: border.radius,
            elevation: 1.5,
            shadowColor: navigation.progressOverlay.shadowColor,
            shadowOpacity: 0.1,
            shadowRadius: 10,
            shadowOffset: {
                width: 0,
                height: 2,
            },
        },
}

Datepicker switching to/from darkMode

When working with native styling on a native app, the datepicker doesn't get styled correctly if you switch from or to darkMode. The backgroundcolor doesn't get automatically switched and you need a hard reload of the app to make the changes visible. The weird thing is that the text color does get changed when switching theme:


After hard reload:

Is there a way to style the text color?

file manager pop-up error

Hi,

I have a problem when trying file upload. After I selected the file which is more than the size allowed. Then, I cannot click cancel or X (rightmost) button for closing the page. Error message still seen on pop-up and I can close after manually delete document name on textbox each time.

Widget: file manager
Mendix: 9.9.1 version

Need additional classes to use all flex capabilities

I've had several discussion in the recent months with clients and other Mendix developers who are using flex but want more control, but don't want to jump into the SASS.

I've created a gist to extend the _alignment-block.scss partial to include classes for flex-direction, flex-wrap, justify-content, align-items, align-content, and align-self.

https://gist.github.com/RussellHite/5a8cff043e2ebec20415060deb00db8e

Issue with Atlas UI Resources2.6.0

I installed the Atlas UI Resources 2.6.0 module from the AppStore built on 8.11.1 and observe an issue with the client showing text {{appicons}} at the top left-hand corner of the page. See screenshot.

custom folder does not contain copy of lib

The readme stated that there is a copy of the lib folder in the custom folder so you can easily overrule or add custom styling.

that copy is missing? or should gulp fix this?

Dependencies?

Hi. Trying to get a head start with the framework before our meeting next week.

I have downloaded the repository but am wondering if there are some dependencies I need to run Atlas in a browser?