Commit b8a2e9ad authored by Jerome Chauveau's avatar Jerome Chauveau
Browse files

Merge branch 'em/menu_left' into 'master' 

Maj organisation XSL + template et CSS pour menu gauche

See merge request !2
parents 1196b6be a505853e

ui/.ignore

deleted100644 → 0
+0 −0

Empty file deleted.

ui/css/max_tei_demo.css

+11 −86
Original line number Diff line number Diff line 


#demo_presentation{

  text-align: justify;

    font-size: 1.2rem;
@@ -39,9 +38,16 @@ a { 
    content: ')';

}



#main-max-container #bas_de_page {

  display: inherit;

}



#bas_de_page {

  background-color: rgba(255,136,34,0.4);

  padding: 5px 

  margin: 60px 0px 50px 0px;

  border-top: 1px solid #aaa;

  padding-top: 10px;

  width: 100%;

  font-size: 90%;

}



.lem{
@@ -94,86 +100,6 @@ a { 
  content:"Documents de démonstration: ";

}



body.max-menu-left{

  flex-direction:row;

  padding-top:60px; 

}





body.max-menu-left nav{

  width: 20vw;

  background-color: #ccc;

  height: 100vh;

  position: fixed;

  left: 0px;

  top: 0px;

  padding-top:150px;

  padding-left:15px;

  

}

body.max-menu-left nav ul.flex-row{

  flex-direction:column !important;

}



body.max-menu-left nav #text-tools{

  position: fixed;

  top:0px;

  width:100%;

  text-align:center;

  display:flex;

  justify-content: space-around;



}

body.max-menu-left nav > div{

    padding-left:15px;

}

body.max-menu-left nav ul{

    list-style-type: square;

}



body.max-menu-left .nav-item{

 text-align: left !important;

}

body.max-menu-left .no-list-style{

    list-style-type: none;

    padding:0;

    margin:0;

    margin-left: -15px;

}

body.max-menu-left nav  a{

 padding: 5px;

}

body.max-menu-left nav .active a{

 background-color: #eee;

}



details{

 margin :0;

}



.nav-fill summary.nav-item{

 margin: 0;

 padding: 0;

}



body.max-menu-left .navbar-nav > li{

    float:none;

}



body.max-menu-left #main-max-container{

  width: 75vw;

  margin-left:20vw;

  padding:10px;

  padding-top:50px;

}



body.max-menu-left footer{

  position: absolute;

  bottom:0px;

  left:0px;

  width: 100vw;

  background-color:black;

}



/*SEARCH*/

div.hit  > div, div.hit  > div p{
@@ -186,4 +112,3 @@ div.hit > div, div.hit > div p{ 
div.hit blockquote, div.hit .appel_note_marge{

  display: none;

}

ui/css/menuGauche.css

0 → 100644
+135 −0
Original line number Diff line number Diff line 


#bandeauHaut {

	height: 75px;

	margin-top: -4em;

	background-color: #ffffff;

	position: fixed;

	width: 60%;

	margin-left: 20%;

}



#navigation-tool {

	top: 50px;

	height: 40px;

}



#navigation-tool ul {

padding-left:10px;

}



#text-options {

display: flex;

/* padding-left:3%; */

width: 40%;

margin-top: 1.5em;

}



#navigation-wrap {

margin-top: -6em;

margin-left: 40%

}





nav#breadcrumb {

padding-left: 0;

top: -13em;

/* margin-top: -7em; */

left: 20%;

z-index: 1020;

background-color:inherit;

height:60px;

}



ol.breadcrumb {

height:37px;

}



#breadcrumb ol.breadcrumb li{

margin-top:-5px;

}



#navigation-tool button {

	width: 160px;

}



body.max-menu-left{

  flex-direction:row;

  padding-top:60px;

}



body.max-menu-left nav{

  width: 20vw;

  background-color: #ccc;

  height: 100vh;

  position: fixed;

  left: 0px;

  top: 0px;

  padding-top:150px;

  padding-left:15px;



}

body.max-menu-left nav ul.flex-row{

  flex-direction:column !important;

}



body.max-menu-left nav #text-tools{

  position: fixed;

  top:0px;

  width:100%;

  text-align:center;

  display:flex;

  justify-content: space-around;



}

body.max-menu-left nav > div{

    padding-left:15px;

}

body.max-menu-left nav ul{

    list-style-type: square;

}



body.max-menu-left .nav-item{

 text-align: left !important;

 margin-top: 10px;

}

body.max-menu-left .no-list-style{

    list-style-type: none;

    padding:0;

    margin:0;

    margin-left: -15px;

}

body.max-menu-left nav  a{

 padding: 5px;

}

body.max-menu-left nav .active a{

 background-color: #eee;

}



details{

 margin :0;

}



.nav-fill summary.nav-item{

 margin: 0;

 padding: 0;

}



body.max-menu-left .navbar-nav > li{

    float:none;

		margin-top: 10px;

}



body.max-menu-left #main-max-container{

  width: 65vw;

  margin-left:21vw;

  padding:10px;

  padding-top:50px;

}



body.max-menu-left footer{

  position: fixed;

  bottom:0px;

  left:0px;

  width: 100vw;

  background-color:black;

}

ui/templates/_template.html

deleted100644 → 0
+0 −24
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

  {$head}

  <body class="max-menu-left">

    <header id="topbar" class="navbar fixed-top navbar-light bg-light">

      <a class="navbar-brand" href="#">

          {$projectId}

      </a>

      <div id="text-options">

          {$textOptions}

      </div>

    </header>

    <nav>

        {$menu}

    </nav>





    <div id="main-max-container">

        {$content}

    </div>

    {$jsImports}

  </body>

</html>

ui/templates/template_left.html

0 → 100644
+34 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <link rel="stylesheet" href="{$baseURI}core/ui/lib/bootstrap.min.css" />

    <link rel="stylesheet" type="text/css" href="{$baseURI}{$projectId}/ui/css/menuGauche.css" />

    <link rel="stylesheet" type="text/css" href="{$baseURI}core/ui/css/tei.css" />

    <link rel="stylesheet" type="text/css" href="{$baseURI}core/ui/css/alignment.css" />

    {$head}

  </head>



  <body class="max-menu-left">

    <nav id="leftbar">

      {$menu}

    </nav>



    <div id="bandeauHaut">

      <div id="text-options">{$textOptions}</div>

      <div id="navigation-wrap">{$navigationSelect}</div>

  </div>



    <div id="main-max-container">



    {$content}



    {$footer}

  </div>



    <!-- js imports -->

    <script type="text/javascript" src="{$baseURI}core/ui/lib/bootstrap.bundle.min.js" />

    <script type="module" src="{$baseURI}core/ui/js/MaxTEI.js" />

    {$jsImports}

  </body>

</html>