update grid

This commit is contained in:
rulingcom 2023-02-25 12:36:51 +08:00
parent 61bbe020ad
commit e06fb58217
15 changed files with 143 additions and 29 deletions

View File

@ -244,8 +244,10 @@
.w-annc__list{
@media(min-width:$screen-xs){
display: grid;
grid-template: auto auto/repeat(12, 1fr);
grid-gap: 0 10px;
grid-template-areas:
"g1 g2 g3"
"g1 g4 g5";
grid-template-columns: 35% 32% 32%;
}
li{
&:hover{
@ -262,7 +264,7 @@
flex: 0 0 50%;
}
&:nth-child(1){
grid-area: 1 / 1 / 3 / 5;
grid-area: g1;
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-row-span: 3;
@ -277,28 +279,28 @@
}
}
&:nth-child(2){
grid-area: 1 / 5 / 2 / 9;
grid-area: g2;
-ms-grid-row: 1;
-ms-grid-column: 9;
-ms-grid-row-span: 1;
-ms-grid-column-span: 7;
}
&:nth-child(3){
grid-area: 1 / 9 / 2 / 13;
grid-area: g3;
-ms-grid-row: 1;
-ms-grid-column: 17;
-ms-grid-row-span: 1;
-ms-grid-column-span: 7;
}
&:nth-child(4){
grid-area: 2 / 5 / 3 / 9;
grid-area: g4;
-ms-grid-row: 3;
-ms-grid-column: 9;
-ms-grid-row-span: 1;
-ms-grid-column-span: 7;
}
&:nth-child(5){
grid-area: 2 / 9 / 3 / 13;
grid-area: g5;
-ms-grid-row: 3;
-ms-grid-column: 17;
-ms-grid-row-span: 1;

View File

@ -9,7 +9,7 @@
<span class="w-archive__title" href="{{archive_url}}">{{archive-title}}</span>
<ul class="w-archive__list level-4" data-list="files" data-level="2">
<li class="w-archive__item level-4">
<a href="{{file-url}}" class="widget-archive-files-item w-archive__link" target="_blank" title="{{file-name}}">{{file-name}}</a>
<a href="{{file-url}}" class="widget-archive-files-item w-archive__link" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</li>
</ul>

View File

@ -25,7 +25,7 @@
</dt>
<dl class="widget-archive-files-list" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="widget-archive-files-item" target="_blank" title="{{file-name}}">{{file-name}}</a>
<a href="{{file-url}}" class="widget-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>

View File

@ -13,7 +13,7 @@
</dt>
<dl class="i-archive__file-list" data-list="files" data-level="2">
<dd class="i-archive__file-wrap">
<a class="i-archive__file-name" href="{{file-url}}" target="_blank" title="{{file-name}}">{{file-name}}</a>
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="i-archive__file-type label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>

View File

@ -1,4 +1,4 @@
<div class="i-archive index-archive-2">
<div class="i-archive index-archive-2 index-archive-12">
<h3 class="i-archive-title">
<span>{{page-title}}</span>
</h3>
@ -25,7 +25,7 @@
</dt>
<dl class="i-archive-files-list" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" title="{{file-name}}">{{file-name}}</a>
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>
@ -35,4 +35,10 @@
</div>
{{link_to_edit}}
</div>
<style>
.index-archive-12 dt.i-archive-item-list{
float: none;
width: auto;
}
</style>
</div>

View File

@ -15,11 +15,11 @@
<span data-list="statuses" data-level="2">
<span class="label status {{status-class}}">{{status}}</span>
</span>
<a href="{{archive-file-url}}" target="_blank" title="{{archive-title}}">
<a href="{{archive-file-url}}" target="{{target}}" title="{{archive-title}}">
{{archive-title}}
</a>
<span class="i-archive-files-list" data-list="files" data-level="2">
<a href="{{file-url}}" class="i-archive-files-item" title="{{file-name}}" data-toggle="tooltip" data-placement="bottom">
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}" data-toggle="tooltip" data-placement="bottom">
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</a>
</span>
@ -32,6 +32,9 @@
</div>
</div>
<style>
.i-archive.index-archive-13 .i-archive-files-item{
white-space: inherit;
}
.index-archive-13 .archives-ul .archive-li{
list-style-type: disc;
}

View File

@ -0,0 +1,36 @@
<div class="i-archive index-archive-2 index-archive-14">
<h3 class="i-archive-title">
<span>{{page-title}}</span>
</h3>
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
<div class="panel panel-default" data-list="archives" data-level="1">
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
<h4 class="panel-title">
<i class="fa fa-file-text" aria-hidden="true"></i>
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
{{archive-title}}
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapse" class="panel-collapse collapse {{in_class}}">
<div class="panel-body">
<ul class="i-archive-files-list" data-list="files" data-level="2">
<li>
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</li>
</ul>
</div>
</div>
</div>
{{link_to_edit}}
</div>
<style>
.index-archive-12 dt.i-archive-item-list{
float: none;
width: auto;
}
</style>
</div>

View File

@ -0,0 +1,41 @@
<div class="i-archive index-archive-13 index-archive-15">
<h3 class="i-archive-title">
<span>{{page-title}}</span>
</h3>
<ul class="archive-categories nav nav-tabs" role="tablist" data-list="categories" data-level="0" data-no-edit="true">
<li class="nav-item {{active_class}}" role="presentation">
<a href="#{{category-id}}" role="tab" data-toggle="tab" title="{{category-title}}" >{{category-title}}</a>
</li>
</ul>
<div class="tab-content" data-list="categories" data-level="0">
<div class="tab-pane {{active_class}}" id="{{category-id}}" role="tabpanel" aria-labelledby="{{category-id}}-tab">
<ul class="archives-ul" data-list="archives" data-level="1">
<li class="archive-li">
<p>
<span data-list="statuses" data-level="2">
<span class="label status {{status-class}}">{{status}}</span>
</span>
<a href="{{archive-file-url}}" target="{{target}}" title="{{archive-title}}">
{{archive-title}}
</a>
<span class="i-archive-files-list" data-list="files" data-level="2">
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}" data-toggle="tooltip" data-placement="bottom">
{{file-name}}<span class="label label-primary {{file-type}}">{{file-type}}</span>
</a>
</span>
</p>
<div class="archive-description">{{description}}</div>
</li>
</ul>
{{link_to_edit}}
</div>
</div>
</div>
<style>
.index-archive-13 .archives-ul .archive-li{
list-style-type: disc;
}
.index-archive-13 .archive-description{
color: #9b9b9b;
}
</style>

View File

@ -12,19 +12,19 @@
</a>
</h4>
</div>
<div id="collapse" class="panel-collapse collapse">
<div id="collapse" class="panel-collapse collapse {{in_class}}">
<div class="panel-body">
<dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
<dt class="i-archive-item-list col-sm-5">
<dt class="i-archive-item-list col-sm-3">
<sapn class="i-archive-item-title">{{archive-title}}</span>
<span data-list="statuses" data-level="2">
<span class="label status {{status-class}}">{{status}}</span>
</span>
</dt>
<dl class="i-archive-files-list col-sm-7" data-list="files" data-level="2">
<dl class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary">{{file-type}}</span>
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>
</dl>
@ -33,4 +33,11 @@
</div>
{{link_to_edit}}
</div>
<style>
@media (min-width: 769px){
.index-archive-2 .dl-horizontal dt.col-sm-3{
width: 25%;
}
}
</style>
</div>

View File

@ -12,7 +12,7 @@
</dt>
<dl class="i-archive__file-list" data-list="files" data-level="2">
<dd class="i-archive__file-wrap">
<a class="i-archive__file-name" href="{{file-url}}" target="_blank" title="{{file-name}}">{{file-name}}</a>
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="i-archive__file-type label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>

View File

@ -3,7 +3,7 @@
<span>{{page-title}}</span>
</h3>
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
<div class="panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
@ -11,7 +11,7 @@
</a>
</h4>
</div>
<div id="collapse" class="panel-collapse collapse">
<div id="collapse" class="panel-collapse collapse {{in_class}}">
<div class="panel-body">
<dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
<dt class="i-archive-item-list col-sm-5">
@ -21,14 +21,14 @@
</dt>
<dl class="i-archive-files-list col-sm-7" data-list="files" data-level="2">
<dd>
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary">{{file-type}}</span>
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
<span class="label label-primary {{file-type}}">{{file-type}}</span>
</dd>
</dl>
</dl>
</div>
</div>
</div>
{{link_to_edit}}
{{link_to_edit}}
</div>
</div>

View File

@ -19,7 +19,7 @@
{{file-name}}
</td>
<td class="col-sm-4">
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
</td>
</tr>
</span>

View File

@ -99,8 +99,24 @@
{
"filename": "archive_index13",
"name": {
"zh_tw": "13. 頁籤式 ( 模組標題, 類別標題, 標題, 檔案名稱, 下載連結, 描述 )",
"en": "13. Tab list (widget-title, category, title, filename, download link, description)"
"zh_tw": "13. 頁籤式 ( 模組標題, 類別標題, 標題, 下載連結, 描述 )",
"en": "13. Tab list (widget-title, category, title, download link, description)"
},
"thumbnail": "ar-tab1.png"
},
{
"filename": "archive_index14",
"name": {
"zh_tw": "14. 手風琴式列表 - 有下拉 - 針對各筆資料 ( 模組標題, 標題, 檔案名稱, 下載連結 )",
"en": "14. Accordion list - with drop down - For every data (widget-title, title, filename, download link)"
},
"thumbnail": "ar2.png"
},
{
"filename": "archive_index15",
"name": {
"zh_tw": "15. 頁籤式 ( 模組標題, 類別標題, 標題, 完整檔案名稱, 下載連結, 描述 )",
"en": "15. Tab list (widget-title, category, title, full filename, download link, description)"
},
"thumbnail": "ar-tab1.png"
}

View File

@ -41,6 +41,9 @@
.ask-question .form-horizontal input[type="text"],.ask-question .form-horizontal select{
width: 97%;
}
.ask-question .form-horizontal input[type="text"].hasDatepicker{
width: auto;
}
.ask-question .form-horizontal .form-actions{
position: relative;
padding: 1em 0 0 0;

View File

@ -1,4 +1,4 @@
<div class="widget-link widget1">
<div class="widget-link widget1 widget2">
<h3 class="widget-title">
<span>{{widget-title}}</span>
</h3>