Re: Ugly construct of spans embedded in a paragraph

Hi bruno


https://foundation.zurb.com/sites/docs/off-canvas.html



If you wan the source code, I am stashing occasional .mcz files for the project here:


https://github.com/gettimothy/ZurbSeaside




Caveat...I am running with nginx ...the application does not use FileLibrary at the moment, so all the css, js and image files are on retrieved by nginx.


Here is my nginx.conf:





worker_processes  1;
error_log logs/error.log;
events {
    worker_connections 1024;
}
http {
    include    mime.types;
    upstream database {
       postgres_server 127.0.0.1 dbname=[DATABASENAME] user=[USERNAME] password=[PASSWORD];
    }
    server {
        listen 80;
        server_name [IP ADDRESS];


        location / {
            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
            default_type text/html;


        }
        location /css {
            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
            default_type text/css;
            add_header Content-Type: text/css;
        }


        location /js {
            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
            default_type application/javascript;
            add_header Content-Type: application/javascript;
        }
        location /images {
            root  [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
            default_type  image/svg+xml;
            add_header Content-Type: image/svg+xml;
        }


        location /debug {
            echo "uri=$uri";
            echo "request_uri=$request_uri";
            echo "name: $arg_name";
        }


        location /SeasideDock {
            proxy_pass http://127.0.0.1:8080;
            include       mime.types;
        }


        location /zurb {
            proxy_pass http://127.0.0.1:8080;
        }
        location /zurbhack {
            proxy_pass http://127.0.0.1:8080;
        }


        location /browse {
            proxy_pass http://127.0.0.1:8080;
        }
        location /config {
            proxy_pass http://127.0.0.1:8080;
        }
    }
}



 




cheers


t


---- On Fri, 30 Mar 2018 16:54:34 -0400 Smalltalk <[email protected]> wrote ---- 

  Hi,
 How did you build this Lateral Menu ?
 
 
 
 regards,
 bruno
 
 
 El 30/03/2018 a las 12:10, gettimothy escribió:
 
   Thank you. I will explore that route tonight
 
 
 
 
 ---- On Fri, 30 Mar 2018 10:02:13 -0400 [email protected] wrote ----  2018-03-30 3:37 GMT-03:00 gettimothy <[email protected]>:
 
 > My problem is this construct:
 >
 > <p> some text <span> popup info</span> continue the pragraph text </p>
 
 > I can do it, but it is not elegant:
 
 Well, you're not comparing apples with apples, because the required
 html construct is more complex than that.
 
 And it is something like this:
 <p> some text <span data-tooltip aria-haspopup="true" class="has-tip"
 data-disable-hover="false" tabindex="1" title="Fancy word for a
 beetle.">popup info</span> continue the paragraph text </p>
 
 
 Seaside can be very succinct for some cases, and extremely verbose in
 others, what you can implement is something like zurbTooltip: aString,
 that could do something like
 
 WAGenericTag>>#zurbTooltip: aString
 
 self
 beTooltip;
 dataTooltip;
 ariaHasPopup: true;
 dataDisableHover:'false';
 title: aString
 
 And then in your code you can do something like.
 
 renderExampleOn: html
 
 html paragraph with:[
 html text: 'The '.
 html zurbSpan
 zurbTooltip:'Fancy word for a beetle.';
 with:[html text: 'scarabaeus'].
 html text: 'hung quite clear of any branches, and, if allowed to
 fall, would have fallen at our feet']
 
 I don't know whether the options in zurbTooltip: are reasonable
 defaults, but if they are then the code will be more compact.
 
 Also I don't know if the tooltip can be applied to <span> tags or to
 any tag (as in Bootstrap), I assumed the later otherwise you'd have to
 implement zurbTooltip: in the proper subclass of WAGenericTag.
 
 
 
 Esteban A. Maringolo
 _______________________________________________
 seaside mailing list
 [email protected]
 http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
 
  
 
 
  
 _______________________________________________ seaside mailing list [email protected] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside   
 
     Libre de virus. www.avast.com   
   
 _______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside