Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 6a559670

Von Werner Hahn vor 8 Monaten hinzugefügt

  • ID 6a5596702b93b01cd8bbc0683cbe874b23f1c67a
  • Vorgänger 7ceef471
  • Nachfolger 9bace48d

stylesheet - all grid

Unterschiede anzeigen:

css/design40/less/custom.less
23 23 
// **********************************
24 24 
// MY SPECIAL CLASS
25 25 
// **********************************
26 
.pos_content{
27 
  display: grid;
28 
  grid-column: repeat(12, 1fr);
29 
  grid-template-rows: repeat(12,fr);
30 
  grid-gap: 20px;
31 
}
32 

  		




  
  33
  
    
.container_pos_right{


  		




  
  34
  
    
  display: grid;


  		




  
  35
  
    
  grid-column: 3 / 6;


  		




  
  36
  
    
  grid-row: 1 /5;


  		




  
  37
  
    
  grid-template-columns: repeat(9, 1fr);


  		




  
  38
  
    
  grid-template-rows: repeat(6, fr);


  		




  
  39
  
    
  grid-gap: 10px;


  		




  
  40
  
    
  height: calc(50vh - 10px);


  		




  
  41
  
    
justify-self: center;


  		




  
  42
  
    
align-self: center;


  		




  
  43
  
    
}


  		




  
  44
  
    

  		




  26
  45
  
    
.container_pos_left{


  		




  27
  46
  
    
  display: grid;


  		




  28
  
  
    
  grid-template-columns: repeat(auto-fill, minmax(min(23%, 100%), 1fr));


  		




  
  47
  
    
  grid-column: 1 / 9;


  		




  
  48
  
    
  grid-row: 1 /1;


  		




  
  49
  
    
  grid-template-columns: repeat(3, 1fr);


  		




  29
  50
  
    
  grid-template-rows: repeat(6, fr);


  		




  30
  51
  
    
  grid-gap: 10px;


  		




  31
  52
  
    
  height: calc(50vh - 10px);


  		












  

    
      css/design40/style.css
    
  





  7949
  7949
  
    
/* ------------------------------------------------------------- */


  		




  7950
  7950
  
    
/* CUSTOM LESS STUFF (custom.less)                               */


  		




  7951
  7951
  
    
/* ------------------------------------------------------------- */


  		




  
  7952
  
    
.pos_content {


  		




  
  7953
  
    
  display: grid;


  		




  
  7954
  
    
  grid-column: repeat(12, 1fr);


  		




  
  7955
  
    
  grid-template-rows: repeat(12, fr);


  		




  
  7956
  
    
  grid-gap: 20px;


  		




  
  7957
  
    
}


  		




  
  7958
  
    
.container_pos_right {


  		




  
  7959
  
    
  display: grid;


  		




  
  7960
  
    
  grid-column: 3 / 6;


  		




  
  7961
  
    
  grid-row: 1 / 5;


  		




  
  7962
  
    
  grid-template-columns: repeat(9, 1fr);


  		




  
  7963
  
    
  grid-template-rows: repeat(6, fr);


  		




  
  7964
  
    
  grid-gap: 10px;


  		




  
  7965
  
    
  height: calc(50vh - 10px);


  		




  
  7966
  
    
  justify-self: center;


  		




  
  7967
  
    
  align-self: center;


  		




  
  7968
  
    
}


  		




  7952
  7969
  
    
.container_pos_left {


  		




  7953
  7970
  
    
  display: grid;


  		




  7954
  
  
    
  grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));


  		




  
  7971
  
    
  grid-column: 1 / 9;


  		




  
  7972
  
    
  grid-row: 1 / 1;


  		




  
  7973
  
    
  grid-template-columns: repeat(3, 1fr);


  		




  7955
  7974
  
    
  grid-template-rows: repeat(6, fr);


  		




  7956
  7975
  
    
  grid-gap: 10px;


  		




  7957
  7976
  
    
  height: calc(50vh - 10px);


  		












  

    
      templates/design40_webpages/pos/form.html
    
  





  7
  7
  
    
<h1>[% FORM.title %]</h1>


  		




  8
  8
  
    

  		




  9
  9
  
    

  		




  10
  
  
    
<div id="pos_content" class="wrapper" width="100%" >


  		




  11
  
  
    
  <div id="pos_left" style="float:left;width:50%">


  		




  12
  
  
    
    <table>


  		




  13
  
  
    
      <tr>


  		




  14
  
  
    
        <th>[% 'Customer' | $T8 %]</th>


  		




  15
  
  
    
        <td> [% P.customer_vendor.picker("customer_id",'',type="customer", show_details="1", label=LxERP.t8('Customer')) %]</td>


  		




  16
  
  
    
        <td>[% L.button_tag("input_delete", LxERP.t8('Input delete') ) %]</td>


  		




  17
  
  
    
      </tr>


  		




  18
  
  
    
    </table>


  		




  19
  
  
    

  		




  
  10
  
    
<div id="pos_content" class="pos_content">


  		




  
  11
  
    
  <div class="container_pos_left">


  		




  
  12
  
    
    <div>


  		




  
  13
  
    
      <table>


  		




  
  14
  
    
        <tr>


  		




  
  15
  
    
          <th>[% 'Customer' | $T8 %]</th>


  		




  
  16
  
    
          <td> [% P.customer_vendor.picker("customer_id",'',type="customer", show_details="1", label=LxERP.t8('Customer')) %]</td>


  		




  
  17
  
    
          <td>[% L.button_tag("input_delete", LxERP.t8('Input delete') ) %]</td>


  		




  
  18
  
    
        </tr>


  		




  
  19
  
    
      </table>


  		




  
  20
  
    
    </div>


  		




  20
  21
  
    
    


  		




  21
  22
  
    
    <div class="toggle_panel control-panel toggle_order_info %]">


  		




  22
  23
  
    
      <a href="#" onClick='javascript:$(".toggle_panel_block").toggle()' class="button toggle off neutral">Auftragsdaten</a>


  		




  ......




  159
  160
  
    
        </table>


  		




  160
  161
  
    
      </div> <!-- end table_left -->


  		




  161
  162
  
    
    </div><!-- /.filter_toggle -->


  		




  162
  
  
    
    


  		




  163
  
  
    
[% PROCESS pos/tabs/_item_input.html SELF=SELF %]


  		




  164
  
  
    
[% PROCESS pos/tabs/_rows_tmp.html %]


  		




  
  163
  
    
    <div>    


  		




  
  164
  
    
      [% PROCESS pos/tabs/_item_input.html SELF=SELF %]


  		




  
  165
  
    
    </div>


  		




  
  166
  
    
    <div>


  		




  
  167
  
    
      [% PROCESS pos/tabs/_rows_tmp.html %]


  		




  
  168
  
    
    </div>


  		




  165
  169
  
    
  </div> <!-- Ende pos_left -->


  		




  166
  
  
    
  <div id="pos_right" style="float:left;width:50% ">


  		




  167
  
  
    
    <div class="container_pos_left">


  		




  168
  
  
    
      <div class="empty"></div>


  		




  169
  
  
    
      <div class="pos_button control-panel" onclick="alert('Funktion')">Funktion*</div>


  		




  170
  
  
    
      <div class="pos_button control-panel">Funktion</div>


  		




  171
  
  
    
      <div class="pos_button control-panel">[% "Salesman" | $T8 %]<br>


  		




  172
  
  
    
        [% L.select_tag('order.salesman_id',


  		




  173
  
  
    
              SELF.all_salesmen,


  		




  174
  
  
    
              #[{id=1,name=werner},{id=2,name=Max}],


  		




  175
  
  
    
              default=(SELF.order.salesman_id ? SELF.order.salesman_id : SELF.current_employee_id),


  		




  176
  
  
    
              class='wi-normal',


  		




  177
  
  
    
              title_key='safe_name') %]


  		




  178
  
  
    
      </div>


  		




  179
  
  
    
      <div class="empty"></div>


  		




  180
  
  
    
      <div class="pos_button control-panel">Auswahl bezahlen/zurücknehmen</div>


  		




  181
  
  
    
      <div class="pos_button control-panel">Nachlass gewähren</div>


  		




  182
  
  
    
      <div class="empty"></div>


  		




  183
  
  
    
      <div class="empty"></div>


  		




  184
  
  
    
      <div class="pos_button control-panel">Nachdruck Quittung</div>


  		




  185
  
  
    
      <div class="pos_button control-panel">Auf Rechnung</div>


  		




  186
  
  
    
      <div class="empty"></div>


  		




  187
  
  
    
      <div class="empty"></div>


  		




  188
  
  
    
      <div class="pos_button control-panel">Entnahme erfassen</div>


  		




  189
  
  
    
      <div class="pos_button control-panel">Auf Lieferschein</div>


  		




  190
  
  
    
      <div class="empty"></div>


  		




  191
  
  
    
      <div class="empty"></div>


  		




  192
  
  
    
      <div class="pos_button control-panel">Quittung parken</div>


  		




  193
  
  
    
      <div class="pos_button control-panel">geparkte Quittung</div>


  		




  194
  
  
    
      <div class="empty"></div>


  		




  195
  
  
    
      <div class="empty"></div>


  		




  196
  
  
    
      <div class="pos_button control-panel">Bezahlen</div>


  		




  197
  
  
    
      <div class="pos_button control-panel">Abbrechen</div>


  		




  198
  
  
    
      <div class="empty"></div>


  		




  
  170
  
    
  <div class="container_pos_right">


  		




  
  171
  
    
    <div class="pos_button control-panel" onclick="alert('Funktion')">Funktion*</div>


  		




  
  172
  
    
    <div class="pos_button control-panel">Funktion</div>


  		




  
  173
  
    
    <div class="pos_button control-panel">[% "Salesman" | $T8 %]<br>


  		




  
  174
  
    
      [% L.select_tag('order.salesman_id',


  		




  
  175
  
    
            SELF.all_salesmen,


  		




  
  176
  
    
            #[{id=1,name=werner},{id=2,name=Max}],


  		




  
  177
  
    
            default=(SELF.order.salesman_id ? SELF.order.salesman_id : SELF.current_employee_id),


  		




  
  178
  
    
            class='wi-normal',


  		




  
  179
  
    
            title_key='safe_name') %]


  		




  199
  180
  
    
    </div>


  		




  
  181
  
    
    <div class="pos_button control-panel">Auswahl bezahlen/zurücknehmen</div>


  		




  
  182
  
    
    <div class="pos_button control-panel">Nachlass gewähren</div>


  		




  
  183
  
    
    <div class="pos_button control-panel">Nachdruck Quittung</div>


  		




  
  184
  
    
    <div class="pos_button control-panel">Auf Rechnung</div>


  		




  
  185
  
    
    <div class="pos_button control-panel">Entnahme erfassen</div>


  		




  
  186
  
    
    <div class="pos_button control-panel">Auf Lieferschein</div>


  		




  
  187
  
    
    <div class="pos_button control-panel">Quittung parken</div>


  		




  
  188
  
    
    <div class="pos_button control-panel">geparkte Quittung</div>


  		




  
  189
  
    
    <div class="pos_button control-panel">Bezahlen</div>


  		




  
  190
  
    
    <div class="pos_button control-panel">Abbrechen</div>


  		




  200
  191
  
    
  </div> <!-- Ende pos_right -->


  		




  
  192
  
    
</div>


  		




  201
  193
  
    

  		




  202
  194
  
    

  		




  203
  195
  
    

  		












Auch abrufbar als:  Unified diff