deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-08 08:52:25 +02:00
Code Issues Projects Releases Wiki Activity
673 commits 15 branches 25 tags 8.5 MiB
Commit graph

124 commits

Author SHA1 Message Date
Phreshhh cf2deae2ea Switch components 2020-08-01 15:59:19 -04:00
Phreshhh 53ffaa02f7 outline colormap removed 2020-08-01 15:59:19 -04:00
Phreshhh 800a5cd80f Outline buttons - stylelint fix 2020-08-01 15:59:19 -04:00
Phreshhh 1570e3ba33 Outline buttons 2020-08-01 15:59:19 -04:00
Rhyne 837c4321b9
Merge pull request #207 from Bajena/patch-1 
Support multiple tab components
 2020-08-01 15:32:53 -04:00
Jan Bajena 5ee5960e84
Support multiple tab components 
Hi, first of all thank you for your cool framework. I really have fun working with it :)

I'm building an app for building flashcard sets in which I decided to use tabs component for switching between different languages. However I've noticed that current version assumes that there'll only be a single tab component on the page.

I overcame it in my project by changing `=` (attribute equals) selector to `$=` (attribute ends with) selector. 
This allows me to generate different tab IDs for different flashcards, like this:
```ruby
<% tab_name = "tabs_#{word.id}" %>
<% tab1_id = "#{tab_name}_tab1" %>
<% tab2_id = "#{tab_name}_tab2" %>

<div class="xs-12 sm-6 md-4 lg-3 col align-top flashcard-column">
  <div class="card">
    <div class="card-body">
      <div class="row tabs">
        <input id="<%= tab1_id %>" type="radio" name="<%= tab_name %>" checked>
        <label for="<%= tab1_id %>">Question</label>

        <input id="<%= tab2_id %>" type="radio" name="<%= tab_name %>">
        <label for="<%= tab2_id %>">Answer</label>

        <div id="<%= tab_name %>_content1" class="content">
          <h4 class="card-title flashcard-title"><%= word.question %></h4>
          <% if word.question_example %>
            <p class="card-text flashcard-example"><%= word.question_example %></p>
          <% end %>
        </div>
        <div id="<%= tab_name %>_content2" class="content">
          <h4 class="card-title flashcard-title"><%= word.answer %></h4>
          <% if word.answer_example %>
            <p class="card-text flashcard-example"><%= word.answer_example %></p>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>
```

Here's a video to present how it works after the change:
https://www.loom.com/share/6de1e443314f44f49c7b91e9b5875c93

Hope someone finds it useful
 2020-07-30 21:43:39 +02:00
Kevin Koester fc4ede380a
Fixes #202 
Fixes Bug where the content would be aligned right next to the tabs on larger screens.

See: https://github.com/papercss/papercss/issues/202
 2020-07-10 11:44:26 +02:00
= a7e099055c feat: add dark mode 2020-06-01 23:03:46 +02:00
Rhyne e0b7a74c0e
Merge pull request #184 from Phreshhh/feature-breadcrumb 
Feature Breadcrumb
 2019-05-05 16:25:09 -04:00
Rhyne 84dde0dbad
Merge pull request #179 from Phreshhh/feature-navbar-fix-in-firefox 
Navbar fix for FireFox
 2019-05-05 16:23:18 -04:00
Phreshhh 95c7de0f27 Feature Breadcrumb 2019-02-14 12:53:16 +01:00
Phreshhh e9351b60af Feature Breadcrumb 2019-02-14 12:40:25 +01:00
Phreshhh 12af59b98a button fix for backward compatibility 2019-02-11 09:36:27 +01:00
Rhyne 2bf563c3f2
Merge pull request #181 from Phreshhh/feture-switch-component 
Switch components
 2019-02-08 18:21:18 -05:00
Phreshhh f9001e741b bg and shadow color changed to variable colors 2019-02-01 18:12:38 +01:00
Phreshhh 9f6be35b1b outline colormap removed 2019-02-01 17:36:54 +01:00
Phreshhh 923133c489 Switch components - stylelint fix 8 :) - realy last XD 2019-01-31 21:09:18 +01:00
Phreshhh aab82aa3c4 Switch components - stylelint fix 7 :) - last 2019-01-31 21:05:37 +01:00
Phreshhh 2e22ed491e Switch components - stylelint fix 6 :) 2019-01-31 21:00:20 +01:00
Phreshhh c0d9eb11a7 Switch components - stylelint fix 5 :) I installed stylelint to my editor.. next time will less commits. 2019-01-31 20:53:47 +01:00
Phreshhh 78a677b1b9 Switch components - stylelint fix 4 :) OMG alphabetical.. - Why?! lol 2019-01-31 20:44:57 +01:00
Phreshhh 608b93f7a9 Switch components - stylelint fix 3 :) 2019-01-31 20:32:01 +01:00
Phreshhh 8be95f87ba Switch components - stylelint fix 2 :) 2019-01-31 20:17:45 +01:00
Phreshhh df8e6b64d3 Switch components - stylelint fix 1 :) 2019-01-31 19:44:16 +01:00
Phreshhh 44f413b696 Switch components 2019-01-31 19:07:06 +01:00
Phreshhh 01f267fb8c Outline buttons - stylelint fix 2019-01-30 12:49:36 +01:00
Phreshhh 70b2a1422f Outline buttons 2019-01-30 12:36:11 +01:00
Phreshhh fad66597ce burger borderfix 2019-01-29 16:21:23 +01:00
Phreshhh 72ac948f70 margin-top removed 2019-01-29 15:39:08 +01:00
Phreshhh 6bc209efd8 margin-top stylelint fix 2019-01-29 15:10:44 +01:00
Phreshhh c9ea3a86c2 Navbar fix for FireFox 2019-01-29 14:58:36 +01:00
rhyneav 02b5d372bc Merge branch 'develop' into release-1.6.1 2019-01-25 07:11:48 -05:00
Rhyne 6695244c30
Merge pull request #177 from sarramegnag/fix-anchor-transition 
Fix hover transition on .paper-btn anchors
 2019-01-25 07:08:02 -05:00
Guillaume Sarramegna a0c77badbd Fix hover transition on .paper-btn anchors 2018-12-28 01:08:19 +01:00
Guillaume Sarramegna 8af69f367c Fix percentage calculation in progress bar for loop 2018-12-27 23:35:42 +01:00
vanillaSlice 0d51e714b6 Keyboard control on radio buttons bug fix 2018-11-17 17:46:37 +00:00
mert.safak 67d1208570 set select elements' height to 2.35rem to prevent inconsistent behaviour on Firefox 2018-10-31 22:44:21 +03:00
vanillaSlice 0d1dc47df4 Removed unnecessary properties 2018-10-21 17:27:14 -04:00
vanillaSlice 0b52edfa3c Extract btn-close-color mixin 2018-10-21 17:27:14 -04:00
vanillaSlice 43dd0f9567 Removed prefixes 2018-10-21 17:27:14 -04:00
vanillaSlice 8ba8c911f4 Remove redundant translate mixin 2018-10-21 17:27:14 -04:00
vanillaSlice 9b5ba36809 Use gulp autoprefixer instead of manually adding prefixes 2018-10-21 17:26:15 -04:00
vanillaSlice 7e3d3e6a85 Fade out on dismiss 2018-10-21 17:23:12 -04:00
vanillaSlice 468e571c9a Created dismissible alerts 2018-10-21 17:23:12 -04:00
vanillaSlice f5ee9a4d01 Made suggested changes 2018-10-08 20:03:24 +01:00
vanillaSlice 0e52dfc44d Shorten class names 2018-10-07 13:45:00 +01:00
vanillaSlice f5c6bd7a39 Polishing 2018-10-06 21:37:41 +01:00
vanillaSlice bbd8aadf75 Removed vendor prefixes 2018-10-06 19:01:14 +01:00
vanillaSlice 71125aa0d2 Created progress bar 2018-09-29 16:16:22 +01:00
Yazed Jamal 408ac0f68e Fixed: Radio and check box not working in Firefox 2018-08-30 00:06:32 +01:00
rhyneav 764c6271fd fix mobile menu showing at 768px 2018-06-22 09:33:29 -04:00
rhyneav 0021424e63 paperize buttons 2018-06-22 09:16:30 -04:00
rhyneav 7eb5c12227 fix navbar mobile button postition 2018-06-21 12:19:30 -04:00
rhyneav dd30f17415 adjust navbar for linting 2018-05-24 08:45:48 -04:00
rhyneav d2993557bc refactor for linting 2018-05-24 08:39:06 -04:00
Dallin B Johnson f7f12f7e0c Factored down even more my scss 2018-05-23 14:04:07 -06:00
Dallin B Johnson 720679bd2b Cleaned up my code with scss and html code 2018-05-20 10:50:16 -06:00
Dallin B Johnson 9c8d7d9ab6 Reformated my scss and added some styles to make it look better 2018-04-03 22:44:04 -06:00
Dallin B Johnson 4f53ae45db Added the html and css for the navbar 2018-04-03 01:30:29 -06:00
Thomas Cazade bc5c4a36cb
Merge pull request #135 from koester/hotfix-animationbug 
hotfix-animationbug
 2018-01-11 18:41:48 +01:00
koester 821c4962cf
fixes #111 2018-01-11 10:38:05 +01:00
koester ed69a36c19
added link to modal-2 2018-01-08 14:52:47 +01:00
koester c6a849b646
minor fix 2018-01-08 14:31:49 +01:00
koester f9c7e027e6
updated with new feature and fixed position bug 2018-01-08 14:27:29 +01:00
rhyneav 657ccfb326 Prevent modals from displaying when not activated 2018-01-02 10:39:46 -05:00
koester fe1f7d7f9e unified transitions across components 2017-12-31 12:19:27 +01:00
koester 1ed44c1cab clean up accordion 2017-12-30 13:07:53 +01:00
rhyneav a89b6e8852 convert accordion to scss 2017-12-27 11:39:45 -05:00
koester bc1a02a2fd Make buttons inline-block on mobile && remove article custom style. 2017-12-25 14:23:45 +01:00
koester 5baa170854 more reasonable directory structure 2017-12-23 11:33:40 +01:00
koester 1212a2db8d Fixed broken components 2017-12-23 09:43:23 +01:00
koester 4f793519ff moved shadow() mixin into config 2017-12-19 18:03:47 +01:00
koester e43261ea9f scss components 2017-12-19 17:52:52 +01:00
koester 621db8f23c scss components 2017-12-19 17:52:33 +01:00