wekan/client/components/import/import.styl

@import 'nib'

.map-members
  &:after
    content: "";
    flex: auto;

  .mapping-list
    display: flex
    flex-wrap: wrap
    margin: 0 -4px

    .mapping-item
      max-width: 300px
      min-width: 200px
      padding: 6px
      margin: 5px
      flex:1
      background: white
      border-radius: 3px
      box-shadow: 0 1px 2px rgba(0,0,0,.15)

      &:hover
        background: darken(white, 5%)

      &.filled
        background: #E0FFE5

        &:hover
          background: #FFE0E0

      &.ghost-item
        height: 0
        visibility: hidden
        border: none

    .profile-source
      display: inline-block
      width: 80%

    .wekan
      display: inline-block
      width: 35px

      .member
        float: none

a.show-mapping
  text-decoration underline

.import-members-map-note
  font-size: 90%
  font-weight: bold
Fix layout on Apple devices The layout issue was related to the lack of autoprexing for CSS properties. c69f993 did improve the reload time significantly but for that I had to replace `mquandalle:stylus` by the core `stylus` package. Unfortunatly it is currently difficult to run an autoprefixer with the core CSS compilers (as reported in https://github.com/meteor/meteor/issues/5219). So instead we rely on `nib` which transparently define some mixins for autoprefixing, the only restrictions being that we have to manually `@import 'nib'` on top of stylus files. Fixes #461 2016-01-02 14:26:48 +01:00			`@import 'nib'`

Import members: UI flow ok 2015-11-13 12:35:41 +01:00			`.map-members`
Change the board import layout from a popup to a full page This commit also removes the “import a single Trello card” as we couldn’t figure out some reasonable use case. We also create a new publication on the server to provide the minimal user profile informations required to display an avatar. 2015-12-08 16:18:44 -05:00			`&:after`
			`content: "";`
			`flex: auto;`

			`.mapping-list`
			`display: flex`
			`flex-wrap: wrap`
			`margin: 0 -4px`

			`.mapping-item`
			`max-width: 300px`
			`min-width: 200px`
			`padding: 6px`
			`margin: 5px`
			`flex:1`
			`background: white`
			`border-radius: 3px`
			`box-shadow: 0 1px 2px rgba(0,0,0,.15)`

			`&:hover`
			`background: darken(white, 5%)`

			`&.filled`
			`background: #E0FFE5`

			`&:hover`
			`background: #FFE0E0`

			`&.ghost-item`
			`height: 0`
			`visibility: hidden`
			`border: none`

			`.profile-source`
Import members: UI flow ok 2015-11-13 12:35:41 +01:00			`display: inline-block`
			`width: 80%`
Change the board import layout from a popup to a full page This commit also removes the “import a single Trello card” as we couldn’t figure out some reasonable use case. We also create a new publication on the server to provide the minimal user profile informations required to display an avatar. 2015-12-08 16:18:44 -05:00
Import members: UI flow ok 2015-11-13 12:35:41 +01:00			`.wekan`
			`display: inline-block`
			`width: 35px`
Change the board import layout from a popup to a full page This commit also removes the “import a single Trello card” as we couldn’t figure out some reasonable use case. We also create a new publication on the server to provide the minimal user profile informations required to display an avatar. 2015-12-08 16:18:44 -05:00
Import members: UI flow ok 2015-11-13 12:35:41 +01:00			`.member`
			`float: none`
Import members: board import 2015-11-13 19:17:09 +01:00
			`a.show-mapping`
			`text-decoration underline`
JSON import: add note about unmapped members 2021-01-30 11:44:53 +02:00
			`.import-members-map-note`
			`font-size: 90%`
			`font-weight: bold`