|
| From: | sigurdne |
| Subject: | [Fmsystem-commits] [16210] more on eventplanner |
| Date: | Mon, 30 Jan 2017 14:15:12 -0500 (EST) |
Revision: 16210
http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=16210
Author: sigurdne
Date: 2017-01-30 14:15:12 -0500 (Mon, 30 Jan 2017)
Log Message:
-----------
more on eventplanner
Modified Paths:
--------------
trunk/eventplanner/inc/model/class.application.inc.php
trunk/eventplanner/inc/model/class.customer.inc.php
trunk/eventplanner/inc/model/class.vendor.inc.php
trunk/eventplannerfrontend/templates/base/application.xsl
trunk/eventplannerfrontend/templates/base/customer.xsl
trunk/eventplannerfrontend/templates/base/vendor.xsl
Added Paths:
-----------
trunk/phpgwapi/templates/frontend/css/side-menu.css
Modified: trunk/eventplanner/inc/model/class.application.inc.php
===================================================================
--- trunk/eventplanner/inc/model/class.application.inc.php 2017-01-30
16:35:51 UTC (rev 16209)
+++ trunk/eventplanner/inc/model/class.application.inc.php 2017-01-30
19:15:12 UTC (rev 16210)
@@ -122,7 +122,9 @@
public static function get_fields($debug = true)
{
- $fields = array(
+ $currentapp =
$GLOBALS['phpgw_info']['flags']['currentapp'];
+
+ $fields = array(
'id' => array('action'=> PHPGW_ACL_READ,
'type' => 'int',
'label' => 'id',
@@ -129,11 +131,6 @@
'sortable'=> true,
'formatter' =>
'JqueryPortico.formatLink',
),
- 'active' => array('action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'int',
- 'label' => 'active',
- 'history' => true,
- ),
'display_in_dashboard' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
'type' => 'bool'),
'category_id' => array('action'=> PHPGW_ACL_ADD
| PHPGW_ACL_EDIT,
@@ -140,11 +137,6 @@
'type' => 'int',
'label' => 'category',
'history' => true),
- 'status' => array('action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'int',
- 'label' => 'status',
- 'history' => true
- ),
'num_granted_events' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
'type' => 'int',
'label' => 'number of granted events',
@@ -165,8 +157,6 @@
'label' => 'secret',
'sortable' => false,
),
-/* 'frontend_modified' => array('action'=>
PHPGW_ACL_READ,
- 'type' => 'date'),*/
'owner_id' => array('action'=> PHPGW_ACL_ADD,
'type' => 'int',
'required' => false
@@ -233,24 +223,6 @@
'column' => 'name'
)
),
- 'case_officer_id' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
- 'type' => 'int',
- 'required' => true,
- 'label' => 'case officer',
- 'sortable' => true,
- 'history' => true,
- ),
- 'case_officer_name' => array('action'=>
PHPGW_ACL_READ,
- 'type' => 'string',
- 'query' => true,
- 'label' => 'case officer',
- 'join' => array(
- 'table' => 'phpgw_accounts',
- 'fkey' => 'case_officer_id',
- 'key' => 'account_id',
- 'column' => 'account_lid'
- )
- ),
'types' => array(
'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
'type' => 'int', 'required' => true,
@@ -260,21 +232,6 @@
'column' => array(
'type_id' =>
array('type' => 'int', 'required' => true)),
)),
- 'comments' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'manytomany' => array(
- 'input_field' =>
'comment_input',
- 'table' =>
'eventplanner_application_comment',
- 'key' => 'application_id',
- 'column' => array('time',
'author', 'comment', 'type'),
- 'order' => array('sort' =>
'time', 'dir' => 'ASC')
- )),
- 'comment' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'related' => true,
- ),
'date_start' => array('action'=> PHPGW_ACL_READ
| PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
'type' => 'date',
'label' => 'date start',
@@ -382,15 +339,64 @@
'raider' => array('action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
'type' => 'string',
'required' => false,
- ),
-/*
- 'company_name' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'required' => true,
- )*/
+ )
);
+ if($currentapp == 'eventplanner')
+ {
+ $backend_fields = array(
+ 'case_officer_id' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
+ 'type' => 'int',
+ 'required' => true,
+ 'label' => 'case officer',
+ 'sortable' => true,
+ 'history' => true,
+ ),
+ 'case_officer_name' => array('action'=>
PHPGW_ACL_READ,
+ 'type' => 'string',
+ 'query' => true,
+ 'label' => 'case officer',
+ 'join' => array(
+ 'table' =>
'phpgw_accounts',
+ 'fkey' =>
'case_officer_id',
+ 'key' => 'account_id',
+ 'column' =>
'account_lid'
+ )
+ ),
+ 'active' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
+ 'type' => 'int',
+ 'label' => 'active',
+ 'history' => true,
+ ),
+ 'status' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
+ 'type' => 'int',
+ 'label' => 'status',
+ 'history' => true
+ ),
+ 'comments' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'manytomany' => array(
+ 'input_field' =>
'comment_input',
+ 'table' =>
'eventplanner_application_comment',
+ 'key' =>
'application_id',
+ 'column' =>
array('time', 'author', 'comment', 'type'),
+ 'order' => array('sort'
=> 'time', 'dir' => 'ASC')
+ )),
+ 'comment' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'related' => true,
+ ),
+ );
+
+ foreach ($backend_fields as $key => $field_info)
+ {
+ $fields[$key] = $field_info;
+ }
+ }
+
+
if($debug)
{
foreach ($fields as $field => $field_info)
Modified: trunk/eventplanner/inc/model/class.customer.inc.php
===================================================================
--- trunk/eventplanner/inc/model/class.customer.inc.php 2017-01-30 16:35:51 UTC
(rev 16209)
+++ trunk/eventplanner/inc/model/class.customer.inc.php 2017-01-30 19:15:12 UTC
(rev 16210)
@@ -93,7 +93,9 @@
public static function get_fields($debug = true)
{
- $fields = array(
+ $currentapp =
$GLOBALS['phpgw_info']['flags']['currentapp'];
+
+ $fields = array(
'id' => array('action'=> PHPGW_ACL_READ,
'type' => 'int',
'label' => 'id',
@@ -104,10 +106,6 @@
'type' => 'int',
'required' => false
),
- 'active' => array('action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'int',
- 'history' => true
- ),
'category_id' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
'type' => 'int'
),
@@ -189,24 +187,39 @@
'query' => true,
'sf_validator' =>
createObject('booking.sfValidatorNorwegianOrganizationNumber', array(),
array('invalid' => '%field% is invalid')),
'label' => 'organization number'
- ),
- 'comments' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'manytomany' => array(
- 'input_field' =>
'comment_input',
- 'table' =>
'eventplanner_customer_comment',
- 'key' => 'customer_id',
- 'column' => array('time',
'author', 'comment', 'type'),
- 'order' => array('sort' =>
'time', 'dir' => 'ASC')
- )),
- 'comment' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'related' => true,
)
);
+ if($currentapp == 'eventplanner')
+ {
+ $backend_fields = array(
+ 'active' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
+ 'type' => 'int',
+ 'history' => true
+ ),
+ 'comments' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'manytomany' => array(
+ 'input_field' =>
'comment_input',
+ 'table' =>
'eventplanner_vendor_comment',
+ 'key' => 'vendor_id',
+ 'column' =>
array('time', 'author', 'comment', 'type'),
+ 'order' => array('sort'
=> 'time', 'dir' => 'ASC')
+ )),
+ 'comment' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'related' => true,
+ )
+ );
+
+ foreach ($backend_fields as $key => $field_info)
+ {
+ $fields[$key] = $field_info;
+ }
+ }
+
if($debug)
{
foreach ($fields as $field => $field_info)
Modified: trunk/eventplanner/inc/model/class.vendor.inc.php
===================================================================
--- trunk/eventplanner/inc/model/class.vendor.inc.php 2017-01-30 16:35:51 UTC
(rev 16209)
+++ trunk/eventplanner/inc/model/class.vendor.inc.php 2017-01-30 19:15:12 UTC
(rev 16210)
@@ -93,7 +93,9 @@
public static function get_fields($debug = true)
{
- $fields = array(
+ $currentapp =
$GLOBALS['phpgw_info']['flags']['currentapp'];
+
+ $fields = array(
'id' => array('action'=> PHPGW_ACL_READ,
'type' => 'int',
'label' => 'id',
@@ -104,10 +106,6 @@
'type' => 'int',
'required' => false
),
- 'active' => array('action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'int',
- 'history' => true
- ),
'category_id' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
'type' => 'int'
),
@@ -190,23 +188,39 @@
'sf_validator' =>
createObject('booking.sfValidatorNorwegianOrganizationNumber', array(),
array('invalid' => '%field% is invalid')),
'label' => 'organization number'
),
- 'comments' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'manytomany' => array(
- 'input_field' =>
'comment_input',
- 'table' =>
'eventplanner_vendor_comment',
- 'key' => 'vendor_id',
- 'column' => array('time',
'author', 'comment', 'type'),
- 'order' => array('sort' =>
'time', 'dir' => 'ASC')
- )),
- 'comment' => array(
- 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
- 'type' => 'string',
- 'related' => true,
- )
);
+ if($currentapp == 'eventplanner')
+ {
+ $backend_fields = array(
+ 'active' => array('action'=>
PHPGW_ACL_ADD | PHPGW_ACL_EDIT,
+ 'type' => 'int',
+ 'history' => true
+ ),
+ 'comments' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'manytomany' => array(
+ 'input_field' =>
'comment_input',
+ 'table' =>
'eventplanner_vendor_comment',
+ 'key' => 'vendor_id',
+ 'column' =>
array('time', 'author', 'comment', 'type'),
+ 'order' => array('sort'
=> 'time', 'dir' => 'ASC')
+ )),
+ 'comment' => array(
+ 'action'=> PHPGW_ACL_ADD |
PHPGW_ACL_EDIT,
+ 'type' => 'string',
+ 'related' => true,
+ )
+ );
+
+ foreach ($backend_fields as $key => $field_info)
+ {
+ $fields[$key] = $field_info;
+ }
+ }
+
+
if($debug)
{
foreach ($fields as $field => $field_info)
Modified: trunk/eventplannerfrontend/templates/base/application.xsl
===================================================================
--- trunk/eventplannerfrontend/templates/base/application.xsl 2017-01-30
16:35:51 UTC (rev 16209)
+++ trunk/eventplannerfrontend/templates/base/application.xsl 2017-01-30
19:15:12 UTC (rev 16210)
@@ -382,87 +382,7 @@
</textarea>
</div>
</fieldset>
- <fieldset>
- <legend>
- <xsl:value-of
select="php:function('lang', 'proceedings')"/>
- </legend>
-
- <div
class="pure-control-group">
- <label>
-
<xsl:value-of select="php:function('lang', 'case officer')"/>
- </label>
- <select
id="case_officer_id" name="case_officer_id">
-
<xsl:apply-templates select="list_case_officer/options"/>
- </select>
- </div>
- <div
class="pure-control-group">
- <label>
-
<xsl:value-of select="php:function('lang', 'active')"/>
- </label>
- <input
type="checkbox" name="active" id="active" value="1">
- <xsl:if
test="application/active = 1">
-
<xsl:attribute name="checked" value="checked"/>
-
</xsl:if>
- </input>
- </div>
-
- <div
class="pure-control-group">
- <xsl:variable
name="lang_status">
-
<xsl:value-of select="php:function('lang', 'status')"/>
- </xsl:variable>
- <label>
-
<xsl:value-of select="$lang_status"/>
- </label>
- <select
name="status">
-
<xsl:attribute name="title">
-
<xsl:value-of select="$lang_status"/>
-
</xsl:attribute>
-
<!--xsl:attribute name="data-validation">
-
<xsl:text>required</xsl:text>
-
</xsl:attribute>
-
<xsl:attribute name="data-validation-error-msg">
-
<xsl:value-of select="$lang_status"/>
-
</xsl:attribute-->
- <option
value="">
-
<xsl:value-of select="$lang_status"/>
-
</option>
-
<xsl:apply-templates select="status_list/options"/>
- </select>
- </div>
- <div
class="pure-control-group">
- <label>
-
<xsl:value-of select="php:function('lang', 'number of granted events')"/>
- </label>
- <input
type="text" id="num_granted_events" name="num_granted_events"
value="{application/num_granted_events}">
- </input>
- </div>
- <div
class="pure-control-group">
- <label>
-
<xsl:value-of select="php:function('lang', 'comment')"/>
- </label>
- <textarea
cols="47" rows="7" name="comment">
-
<xsl:value-of select="application/comment"/>
- </textarea>
- </div>
- <div
class="pure-control-group">
- <label>
-
<xsl:value-of select="php:function('lang', 'history')"/>
- </label>
- <div
class="pure-custom">
-
<xsl:for-each select="datatable_def">
-
<xsl:if test="container = 'datatable-container_0'">
-
<xsl:call-template name="table_setup">
-
<xsl:with-param name="container" select ='container'/>
-
<xsl:with-param name="requestUrl" select ='requestUrl'/>
-
<xsl:with-param name="ColumnDefs" select ='ColumnDefs'/>
-
<xsl:with-param name="data" select ='data'/>
-
<xsl:with-param name="config" select ='config'/>
-
</xsl:call-template>
-
</xsl:if>
-
</xsl:for-each>
- </div>
- </div>
- </fieldset>
+
</div>
<div id="demands">
<fieldset>
Modified: trunk/eventplannerfrontend/templates/base/customer.xsl
===================================================================
--- trunk/eventplannerfrontend/templates/base/customer.xsl 2017-01-30
16:35:51 UTC (rev 16209)
+++ trunk/eventplannerfrontend/templates/base/customer.xsl 2017-01-30
19:15:12 UTC (rev 16210)
@@ -44,16 +44,6 @@
</div>
</xsl:if>
<div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'active')"/>
- </label>
- <input type="checkbox"
name="active" id="active" value="1">
- <xsl:if
test="customer/active = 1">
-
<xsl:attribute name="checked" value="checked"/>
- </xsl:if>
- </input>
- </div>
- <div class="pure-control-group">
<xsl:variable
name="lang_category">
<xsl:value-of
select="php:function('lang', 'category')"/>
</xsl:variable>
@@ -229,32 +219,6 @@
<xsl:value-of
select="customer/remark"/>
</textarea>
</div>
- <div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'comment')"/>
- </label>
- <textarea cols="47"
rows="7" name="comment">
- <xsl:value-of
select="customer/comment"/>
- </textarea>
- </div>
- <div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'history')"/>
- </label>
- <div
class="pure-custom">
- <xsl:for-each
select="datatable_def">
- <xsl:if
test="container = 'datatable-container_0'">
-
<xsl:call-template name="table_setup">
-
<xsl:with-param name="container" select ='container'/>
-
<xsl:with-param name="requestUrl" select ='requestUrl'/>
-
<xsl:with-param name="ColumnDefs" select ='ColumnDefs'/>
-
<xsl:with-param name="data" select ='data'/>
-
<xsl:with-param name="config" select ='config'/>
-
</xsl:call-template>
-
</xsl:if>
- </xsl:for-each>
- </div>
- </div>
</fieldset>
</div>
</div>
Modified: trunk/eventplannerfrontend/templates/base/vendor.xsl
===================================================================
--- trunk/eventplannerfrontend/templates/base/vendor.xsl 2017-01-30
16:35:51 UTC (rev 16209)
+++ trunk/eventplannerfrontend/templates/base/vendor.xsl 2017-01-30
19:15:12 UTC (rev 16210)
@@ -44,16 +44,6 @@
</div>
</xsl:if>
<div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'active')"/>
- </label>
- <input type="checkbox"
name="active" id="active" value="1">
- <xsl:if
test="vendor/active = 1">
-
<xsl:attribute name="checked" value="checked"/>
- </xsl:if>
- </input>
- </div>
- <div class="pure-control-group">
<xsl:variable
name="lang_category">
<xsl:value-of
select="php:function('lang', 'category')"/>
</xsl:variable>
@@ -218,32 +208,6 @@
<xsl:value-of
select="vendor/remark"/>
</textarea>
</div>
- <div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'comment')"/>
- </label>
- <textarea cols="47"
rows="7" name="comment">
- <xsl:value-of
select="vendor/comment"/>
- </textarea>
- </div>
- <div class="pure-control-group">
- <label>
- <xsl:value-of
select="php:function('lang', 'history')"/>
- </label>
- <div
class="pure-custom">
- <xsl:for-each
select="datatable_def">
- <xsl:if
test="container = 'datatable-container_0'">
-
<xsl:call-template name="table_setup">
-
<xsl:with-param name="container" select ='container'/>
-
<xsl:with-param name="requestUrl" select ='requestUrl'/>
-
<xsl:with-param name="ColumnDefs" select ='ColumnDefs'/>
-
<xsl:with-param name="data" select ='data'/>
-
<xsl:with-param name="config" select ='config'/>
-
</xsl:call-template>
-
</xsl:if>
- </xsl:for-each>
- </div>
- </div>
</fieldset>
</div>
</div>
Added: trunk/phpgwapi/templates/frontend/css/side-menu.css
===================================================================
--- trunk/phpgwapi/templates/frontend/css/side-menu.css
(rev 0)
+++ trunk/phpgwapi/templates/frontend/css/side-menu.css 2017-01-30 19:15:12 UTC
(rev 16210)
@@ -0,0 +1,248 @@
+body {
+ color: #777;
+}
+
+.pure-img-responsive {
+ max-width: 100%;
+ height: auto;
+}
+
+/*
+Add transition to containers so they can push in and out.
+*/
+#layout,
+#menu,
+.menu-link {
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ -ms-transition: all 0.2s ease-out;
+ -o-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+
+/*
+This is the parent `<div>` that contains the menu and the content area.
+*/
+#layout {
+ position: relative;
+ left: 0;
+ padding-left: 0;
+}
+ #layout.active #menu {
+ left: 150px;
+ width: 150px;
+ }
+
+ #layout.active .menu-link {
+ left: 150px;
+ }
+/*
+The content `<div>` is where all your content goes.
+*/
+.content {
+ margin: 0 auto;
+ padding: 0 2em;
+ max-width: 800px;
+ margin-bottom: 50px;
+ line-height: 1.6em;
+}
+
+.header {
+ margin: 0;
+ color: #333;
+ text-align: center;
+ padding: 2.5em 2em 0;
+ border-bottom: 1px solid #eee;
+ }
+ .header h1 {
+ margin: 0.2em 0;
+ font-size: 3em;
+ font-weight: 300;
+ }
+ .header h2 {
+ font-weight: 300;
+ color: #ccc;
+ padding: 0;
+ margin-top: 0;
+ }
+
+.content-subhead {
+ margin: 50px 0 20px 0;
+ font-weight: 300;
+ color: #888;
+}
+
+
+
+/*
+The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
+appears on the left side of the page.
+*/
+
+#menu {
+ margin-left: -150px; /* "#menu" width */
+ width: 150px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1000; /* so the menu or its navicon stays above all content */
+ background: #191818;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+}
+ /*
+ All anchors inside the menu should be styled like this.
+ */
+ #menu a {
+ color: #999;
+ border: none;
+ padding: 0.6em 0 0.6em 0.6em;
+ }
+
+ /*
+ Remove all background/borders, since we are applying them to #menu.
+ */
+ #menu .pure-menu,
+ #menu .pure-menu ul {
+ border: none;
+ background: transparent;
+ }
+
+ /*
+ Add that light border to separate items into groups.
+ */
+ #menu .pure-menu ul,
+ #menu .pure-menu .menu-item-divided {
+ border-top: 1px solid #333;
+ }
+ /*
+ Change color of the anchor links on hover/focus.
+ */
+ #menu .pure-menu li a:hover,
+ #menu .pure-menu li a:focus {
+ background: #333;
+ }
+
+ /*
+ This styles the selected menu item `<li>`.
+ */
+ #menu .pure-menu-selected,
+ #menu .pure-menu-heading {
+ background: #1f8dd6;
+ }
+ /*
+ This styles a link within a selected menu item `<li>`.
+ */
+ #menu .pure-menu-selected a {
+ color: #fff;
+ }
+
+ /*
+ This styles the menu heading.
+ */
+ #menu .pure-menu-heading {
+ font-size: 110%;
+ color: #fff;
+ margin: 0;
+ }
+
+/* -- Dynamic Button For Responsive Menu
-------------------------------------*/
+
+/*
+The button to open/close the Menu is custom-made and not part of Pure. Here's
+how it works:
+*/
+
+/*
+`.menu-link` represents the responsive menu toggle that shows/hides on
+small screens.
+*/
+.menu-link {
+ position: fixed;
+ display: block; /* show this only on small screens */
+ top: 0;
+ left: 0; /* "#menu width" */
+ background: #000;
+ background: rgba(0,0,0,0.7);
+ font-size: 10px; /* change this value to increase/decrease button size */
+ z-index: 10;
+ width: 2em;
+ height: auto;
+ padding: 2.1em 1.6em;
+}
+
+ .menu-link:hover,
+ .menu-link:focus {
+ background: #000;
+ }
+
+ .menu-link span {
+ position: relative;
+ display: block;
+ }
+
+ .menu-link span,
+ .menu-link span:before,
+ .menu-link span:after {
+ background-color: #fff;
+ width: 100%;
+ height: 0.2em;
+ }
+
+ .menu-link span:before,
+ .menu-link span:after {
+ position: absolute;
+ margin-top: -0.6em;
+ content: " ";
+ }
+
+ .menu-link span:after {
+ margin-top: 0.6em;
+ }
+
+
+/* -- Responsive Styles (Media Queries) -------------------------------------
*/
+
+/*
+Hides the menu at `48em`, but modify this based on your app's needs.
+*/
address@hidden (min-width: 48em) {
+
+ .header,
+ .content {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ #layout {
+ padding-left: 150px; /* left col width "#menu" */
+ left: 0;
+ }
+ #menu {
+ left: 150px;
+ }
+
+ .menu-link {
+ position: fixed;
+ left: 150px;
+ display: none;
+ }
+
+ #layout.active .menu-link {
+ left: 150px;
+ }
+}
+
address@hidden (max-width: 48em) {
+ /* Only apply this when the window is small. Otherwise, the following
+ case results in extra padding on the left:
+ * Make the window small.
+ * Tap the menu to trigger the active state.
+ * Make the window large again.
+ */
+ #layout.active {
+ position: relative;
+ left: 150px;
+ }
+}
| [Prev in Thread] | Current Thread | [Next in Thread] |