Skip to content

Add label identifier to card_m#3468

Merged
mrcasals merged 4 commits intomasterfrom
feature/card_m_label
May 23, 2018
Merged

Add label identifier to card_m#3468
mrcasals merged 4 commits intomasterfrom
feature/card_m_label

Conversation

@agustibr
Copy link
Copy Markdown
Contributor

🎩 What? Why?

card_m lack's the label which indentifies which type of card useful in some contexts like search.

This PR doesn't include this option in any view.

📌 Related Issues

📋 Subtasks

  • Add CHANGELOG entry
  • Add documentation regarding the feature

📷 Screenshots (optional)

screenshot from 2018-05-21 16-40-04

screenshot from 2018-05-21 17-29-31

@mrcasals
Copy link
Copy Markdown
Contributor

@agustibr why do you need to add all this CSS? The design app uses the CSS defined at decidim-core, and it has examples of cards with identifiers, so you shouldn't need to add that CSS 😕

https://decidim-design.herokuapp.com/public/library/pattern-library (under "Tarjetas tamaño M" -> "Card con identificador")

/cc @Crashillo

@agustibr
Copy link
Copy Markdown
Contributor Author

@mrcasals Yes, I've looked at the pattern library

I've modified it a little bit because if the background color of the card is different from the wrapper background, you could see a rectangle below the label. So I added the text-shadow property to add a border to the text for the top part that comes out of the card and the ::before to cover the border that passes behind the text, I attach screenshots:

  • Before PR:
    screenshot from 2018-05-22 09-37-47
  • After:
    screenshot from 2018-05-22 09-38-10

@mrcasals
Copy link
Copy Markdown
Contributor

Oh, I see! Then I'll leave the review for this to @Crashillo 😄

@Crashillo
Copy link
Copy Markdown
Contributor

Crashillo commented May 22, 2018

Very good point, @agustibr. 👍 I've not even realized about.

Btw, the current category has some border that the new design hasn't. Are you on it?
imagen

@mrcasals
Copy link
Copy Markdown
Contributor

@Crashillo I'd leave the category design discussion for another PR, since it's something that affects other views (eg. the proposal page)

top: $global-margin * .5;
}

.success &,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This snippet compiles to:

.success .card__label, .muted .card__label, .warning .card__label, .alert .card__label {
  margin-top: -0.95rem;
}
.success .card__label::before, .muted .card__label::before, .warning .card__label::before, .alert .card__label::before {
  height: 8px;
  top: 0.45rem;
}

That means it loses the card scope. It would so odd, but possible, that any success/alert/whatever status applies these styles to a .card__label class.
So, to solve this out, prepend the .card class. In that way:

.card.success &,
.card.muted &,
.card.warning &,
.card.alert & {
   // properties
}

Now we're guaranteeing that the card status, and only that status, is which applies those styles.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, good point, I'll add the .card scope

@agustibr
Copy link
Copy Markdown
Contributor Author

the current category has some border that the new design hasn't. Are you on it?

@Crashillo I have not changed it, as @mrcasals said I would leave the category style out of this PR.

@mrcasals mrcasals merged commit 76ad7c7 into master May 23, 2018
@ghost ghost removed the status: WIP label May 23, 2018
@mrcasals mrcasals deleted the feature/card_m_label branch May 23, 2018 10:15
isaacmg410 pushed a commit that referenced this pull request May 25, 2018
* Add label identifier to card_m

* fix stylelint offenses

* removed offending whitespace (stylelint)

* fix .card_label status scope
isaacmg410 pushed a commit to CodiTramuntana/decidim that referenced this pull request May 25, 2018
* Add label identifier to card_m

* fix stylelint offenses

* removed offending whitespace (stylelint)

* fix .card_label status scope
mrcasals pushed a commit that referenced this pull request May 25, 2018
…3438)

* take into account when space is private and transparent

* Initial Commit

* Show next upcoming meeting in assembly card (#3435)

* Show next upcoming meeting in assembly card

* Lint file

* New Crowdin translations (#3432)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Catalan)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Swedish)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Spanish)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Catalan)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* Fix card image when missing (#3439)

* Fix `Resourceable` concern to only find linked resources from published components (#3433)

* Fix the related proposals shown on proposal show when component is unpublished (#3430)

* fix the related proposals showed on proposal show when the component are unpublished

* update gemfile lock app design

* fix gemifile lock generators

* add changelog line and apply requested changes

* update changelog

* Make `sibling_scope` only return resources from published components

* Fix changelog

* Remove N+1

* Improve code readability

* Use array so that query doesn't fail

* Don't seed with random scopes if the existing organization already have. (#3437)

* Refactor global resource manifests (#3416)

* Make ResourceManifests global

* Make Component manifest not required for resources

Some resource might not have a component (those froma  participatory
space, for example).

* Set a name for a resource manifest

* Fix all registered resources

* Update Changelog

* Fix code

* Update docs and tests

* Fix how to find the resource manifests

* Remove outdated test

* Fix `sibling_scope` fetching

* Improve specs

* Automatically set the ComponentManifest for the resources

* Lint file

* New Crowdin translations (#3440)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Catalan)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Swedish)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Spanish)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Catalan)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* Minute management interface (#3377)

* meetings home

* Collaborative editor

* minutes edition

* fix erblint

* fix spanglish

* Replace `high_voltage` with a custom code (#3441)

* Replace `high_voltage` with a custom code

* Fix locales

* Normalize locale files

* Remove old class

* Make method public

* Add user profile card (#3444)

* Register users as a resource

* Add user profile card

* Manually specify the author card

* Add missing locales for another_dummy_authorization_handler (#3447)

* Add missing email format validations (#3446)

* add email format validation to managed user promotion

* add email format validation to meeting user invitation

* Include datepicker locales in front pages too. (#3448)

* [FIX] Consultations question component html error (#3450)

* New user profile (#3415)

* Fix user cell

* Update user profile with new design

* Update CHANGELOG

* Add project card (#3454)

* Add project card

* Normalize locale files

* [FIX] Added remove_introductory_image to Consultations form & command (#3455)

* Rename migrations to avoid duplicated names (#3452)

* Remove text (#3461)

* Fix comments on development (#3459)

* Set default `totalCommentsCount` value

* Use lambdas on interfaces lists

* Move to `ts-loader`

* Update comments bundle

* Fix lint

* Run `erblint` on cells views (#3462)

* [FIX] Use translations for hardcoded text. (#3464)

* [FIX] Use translations for hardcoded text.

* Add changelog entry.

* [FIX] Fixes artificial margin between proposal "header" and list of endorsements. (#3465)

* Add margin to .data-picker (#3463)

* Added margin to .data-picker

* fix variable, lint scss

* Add Stylelinter to development_guide.md (#3472)

* Add initiatives card (#3475)

* Add initiative card

* Improve footer

* Lint files

* Fix i18n specs

* Fix authors list

* Remove extra character

* Extract ProgressBarCell from proposals

* Add progress bar to initiatives cell

* Replace "vote" with "sign"/"signature" on initiatives

* Replace "adhesions" with "signatures"

* Lint erb files

* Lint cells files

* Remove unused file

* Normalize locales file

* Lint more files

* Fix specs

* Update Facebook docs with an example URL (#3474)

* Add label identifier to `card_m` (#3468)

* Add label identifier to card_m

* fix stylelint offenses

* removed offending whitespace (stylelint)

* fix .card_label status scope

* Use `CollapsibleListCell` for proposal endorsements list (#3478)

* Upgrade Rails to 5.2 (#3225)

* Prevent Rails 5.2 deprecation warnings

Like the following, or similar:

```
DEPRECATION WARNING: Dangerous query method (method whose arguments are
used as raw SQL) called with non-attribute argument(s): "name->'en'
ASC". Non-attribute arguments will be disallowed in Rails 6.0. This
method should not be called with user-provided values, such as request
parameters or model attributes. Known-safe values can be passed by
wrapping them in Arel.sql(). (called from index at
/path/to/decidim-admin/app/controllers/decidim/admin/scopes_controller.rb:13)
```

* Only install decidim migrations

This is necessary to ignore activestorage ones on Rails 5.2. This is not
obscure, it's "lo siguiente" :(. The answer is buried deep down in
activerecord's sources:

https://github.com/rails/rails/blob/662ba236d115d3e2152b04dcdefdc0ee6f1f6102/activerecord/lib/active_record/railties/databases.rake#L390

* Tweak bootsnap to play nice with byebug

* Bump Rails to 5.2

* Bootsnap is require in `config/boot.rb` of the default generated
application, so we need to add it to the Gemfile.

* Surveys were calling `save!` on `destroy!`'ed records, that's
(understandably) no longer valid and was only working by chance.

* A transaction block inside `Decidim.traceable` was no longer returning
its last statement, so I needed to add a explicit return. I also removed
a nested transaction block that seemed unnecessary.

* Upgraded papertrail and fixed a deprecation warning about `whodunnit`.

* Oauth's request env no longer has indifferent access. Apparently.

* Try fix hang by not mixin ruby & rails autoloading

* Try fix flaky in system UI

* Add new translations (#3460)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Swedish)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Polish)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Catalan)

* New translations en.yml (Catalan)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Polish)

* New translations en.yml (Polish)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Catalan)

* New translations en.yml (Portuguese)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Catalan)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Polish)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Polish)

* New translations en.yml (Catalan)

* New translations en.yml (Swedish)

* New translations en.yml (Spanish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Basque)

* New translations en.yml (Dutch)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Spanish)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Spanish)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Galician)

* New translations en.yml (Spanish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Basque)

* New translations en.yml (Spanish)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Italian)

* New translations en.yml (Galician)

* New translations en.yml (French)

* New translations en.yml (Finnish)

* New translations en.yml (Dutch)

* New translations en.yml (Italian)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Spanish)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Dutch)

* New translations en.yml (Catalan)

* New translations en.yml (Basque)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Dutch)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Dutch)

* New translations en.yml (Basque)

* New translations en.yml (Catalan)

* New translations en.yml (Finnish)

* New translations en.yml (French)

* New translations en.yml (Galician)

* New translations en.yml (Italian)

* New translations en.yml (Polish)

* New translations en.yml (Portuguese)

* New translations en.yml (Portuguese, Brazilian)

* New translations en.yml (Spanish)

* New translations en.yml (Swedish)

* New translations en.yml (Portuguese)

* Update comments bundle

* Unbundled consent on user registration (#3483)

* Unbundled consent on user registration

* [FEAT] Added RSpec tests for unbundled consent in Registration

* minor fixes

* Add CHANGELOG entry

* fix codeclimate

* Add more cards (#3487)

* Add consultation card

* Normalize locales files

* Lint file

* Add blog post card

* Add changelog entry

* Remove impossible condition

* add changelog and specs

* Newsletter checkbox unchecked by default (#3488)

* [FEAT] Registration newsletter checkbox unchecked by default

* [FEAT] Added Modal to show message and action to user. Tests updated

* [FIX] Corrections to pass tests

* add method can participate to participable concern
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants