raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Kill the outside modal close button styling once and for all

Browse Source
This commit is contained in:
summerscope
2014-09-12 14:42:58 +10:00
parent 0dd33e6635
commit 3cff83b7a5
3 changed files with 5 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/templates/partials/close.html.haml
View File

@@ -1,2 +1,2 @@
%a.close-reveal-modal.outside{"ng-click" => "$close()"}
%a.close-reveal-modal{"ng-click" => "$close()"}
%i.ofn-i_009-close

33
app/assets/stylesheets/darkswarm/modals.css.sass
View File

@@ -7,16 +7,17 @@ dialog, .reveal-modal
padding: 1rem
overflow-y: scroll
// Reveal.js
// Reveal.js break point:
// @media only screen and (max-width: 40.063em)
// Small - when modal IS full screen
@media only screen and (max-width: 640px)
max-height: auto
position: absolute !important
top: 0
left: 0
// Medium and up - when modal is NOT full screen
// Medium and up - when modal IS NOT full screen
@media only screen and (min-width: 641px)
top: 10%
max-height: 80%
@@ -35,31 +36,3 @@ dialog .close-reveal-modal, .reveal-modal .close-reveal-modal
&:hover, &:active, &:focus
background-color: rgba(235,235,235,1)
color: #333
// dialog .close-reveal-modal.outside, .reveal-modal .close-reveal-modal.outside
// top: -2.5rem
// right: -2.5rem
// font-size: 2rem
// color: white
// text-shadow: none
// padding: 0.25rem
// @include border-radius(999999)
// border: 1px solid transparent
// &:hover, &:active, &:focus
// text-shadow: 0 1px 3px #333
// border: 1px solid white
// @media all and (max-width: 640px)
// top: 0.5rem
// right: 0.5rem
// font-size: 2rem
// color: white
// text-shadow: none
// padding: 0.25rem
// background-color: rgba(150,150,150,0.85)
// @include border-radius(999999)
// border: 1px solid transparent
// &:hover, &:active, &:focus
// text-shadow: 0 1px 3px #333
// border: 1px solid white

2
app/views/modals/_producer.html.haml
View File

@@ -50,7 +50,7 @@
%a{"ng-href" => "http://instagram.com/{{enterprise.instagram}}", target: "_blank"}
%i.ofn-i_043-instagram
%a.close-reveal-modal.outside{"ng-click" => "$close()"}
%a.close-reveal-modal{"ng-click" => "$close()"}
%i.ofn-i_009-close