Skip to content
This repository was archived by the owner on May 1, 2020. It is now read-only.
This repository was archived by the owner on May 1, 2020. It is now read-only.

v1.1.X removes -webkit-box-orient from the css #821

Closed
Closed
v1.1.X removes -webkit-box-orient from the css#821

Description

@albert-gonzalez
albert-gonzalez
opened on Mar 17, 2017

Hi!

Short description of the problem:

If you use the CSS property -webkit-box-orient, it is removed in the build. It worked well in v1.0.x

What behavior are you expecting?

The build should have this property.

.three_lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

Which @ionic/app-scripts version are you using?
v1.1.4

The same issue was rejected in ionic repository: ionic-team/ionic-framework#10723

Thank you very much!

Activity

  1. aspidvip commented on Mar 24, 2017

    @aspidvip
    aspidvip
    on Mar 24, 2017

    Yes? i'm not work to scss

      .pod_c {
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   vertical-align: middle;
   font-size: 0.7em;
  }

  2. ceeliro commented on Mar 27, 2017

    @ceeliro
    ceeliro
    on Mar 27, 2017

    Same here. And can't find another solution to have same behaviour other than wrapping text previously to be shown what i am not confortable with

  3. awebdeveloper commented on Apr 10, 2017

    @awebdeveloper
    awebdeveloper
    on Apr 10, 2017
    Contributor

    another duplicate #869

  4. vhinic commented on Apr 17, 2017

    @vhinic
    vhinic
    on Apr 17, 2017

    +1 one for this - it simply removes "-webkit-box-orient: vertical;" from css

  5. vhinic commented on Apr 17, 2017

    @vhinic
    vhinic
    on Apr 17, 2017

    I was able to properly fix this by specifying my own .scss.config.js:

    module.exports = {
  autoprefixer: {
    remove: false
  },
};

    And pointing to it in package.json:

      "config": {
    "ionic_sass": ".sass.config.js"
  },

    See this and this for more details

  6. aspidvip commented on Apr 18, 2017

    @aspidvip
    aspidvip
    on Apr 18, 2017

    thansk )))

  7. aspidvip commented on Apr 18, 2017

    @aspidvip
    aspidvip
    on Apr 18, 2017

    close team please

  8. albert-gonzalez commented on Apr 21, 2017

    @albert-gonzalez
    albert-gonzalez
    on Apr 21, 2017
    Author

    Nice workaround @aspidvip ! Thanks!

  9. albert-gonzalez
    closed this as completedon Apr 21, 2017

  10. jerryyan1990 commented on Jun 16, 2017

    @jerryyan1990
    jerryyan1990
    on Jun 16, 2017

    @vhinic thanks for u ,solve my problem 👍 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions