ionic-material-design-lite icon indicating copy to clipboard operation
ionic-material-design-lite copied to clipboard

Inclusion breaks standard iOS styling

Open csvan opened this issue 10 years ago • 8 comments

Currently, merely including this project (i.e. without enabling the platform override) causes iOS styling to break completely.

brokencross

Code for the above is below, everything is a standard Ionic Tabs starter project with ionic-mdl included.

<ion-view view-title="Login">

  <ion-content class="padding">

    <form name="authorizationForm" novalidate="" ng-submit="signIn()">

      <div class="list">

        <label class="item item-input">
          <span class="input-label">Username</span>
          <input type="text" name="username" ng-model="authorization.username" required>
        </label>

        <div class="error-container" ng-show="authorizationForm.username.$error"
             ng-messages="authorizationForm.username.$error">
          <div class="error" ng-message="required">
            <i class="ion-information-circled"></i>
            This field is required!
          </div>
        </div>

        <label class="item item-input">
          <span class="input-label">Password</span>
          <input type="password" name="password" ng-model="authorization.password" required>
        </label>

        <div class="error-container last-error-container"
             ng-show="authorizationForm.password.$error && authorizationForm.$submitted"
             ng-messages="authorizationForm.password.$error">
          <div ng-messages-include="error-list.html"></div>
        </div>

      </div>

      <button class="button button-full button-positive" type="submit">
        Sign In
      </button>

    </form>

  </ion-content>

</ion-view>

csvan avatar Oct 06 '15 18:10 csvan

Can you show a before and after for iOS. I can't see what you are saying in broken.

jjaybrown avatar Oct 06 '15 19:10 jjaybrown

Look at the input fields on iOS, background color is changed and label is displaced. Will add a before image when I get back.

On Tue, 6 Oct 2015 21:58 Jason Brown [email protected] wrote:

Can you show a before and after for iOS. I can't see what you are saying in broken.

— Reply to this email directly or view it on GitHub https://github.com/delta98/ionic-material-design-lite/issues/78#issuecomment-145980310 .

Best,

Christopher Svanefalk

Web: http://www.csvanefalk.com GitHub: https://github.com/csvan LinkedIn: https://www.linkedin.com/in/csvanefalk Cell: +46762628251 Skype: csvanefalk

csvan avatar Oct 06 '15 20:10 csvan

Here goes. goodcross

csvan avatar Oct 06 '15 20:10 csvan

Seems to be a recurring issue ; there also dont seem to be any active developers attending to these issues; really dissapointing ; not supporting IOS is a major set back when developing hybrid apps

devlinpadayachee avatar Jan 25 '16 17:01 devlinpadayachee

Is this the same as #90?

devlinpadayachee avatar Jan 25 '16 17:01 devlinpadayachee

Absolutely Useless

devlinpadayachee avatar Feb 09 '16 06:02 devlinpadayachee

@devlinpadayachee maybe you could provide further details to your problem? Or get involved in the project? It's an OSS project, feel free to contribute.

jjaybrown avatar Feb 09 '16 16:02 jjaybrown

@devlinpadayachee you could quit bitching and start working on a PR instead. This is not a paid project.

csvan avatar Feb 09 '16 16:02 csvan