Skip to content

Commit c9f5673

Browse files
stygiansabyssstygiansabyss
committed
Updating list-glow to use new class structure
1 parent 8e782ba commit c9f5673

File tree

8 files changed

+274
-255
lines changed

8 files changed

+274
-255
lines changed

‎public/less/master_mixins.less

Lines changed: 122 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -587,136 +587,143 @@ input[type="color"]:focus,
587587
/*
588588
/////////////////////////////////////////////////////// Forums /////////////////////////////////////////////////////////
589589
*/
590-
div.labels {
591-
margin-left: 25px;
592-
display: block;
593-
div {
594-
display: block;
595-
&.subject {
596-
width: 60%;
597-
display: block;
598-
float: left;
590+
div.list-glow {
591+
div.list-glow-labels {
592+
font-weight: bold;
593+
&:after, &:before {
594+
content: " ";
595+
display: table;
599596
}
600-
&.replies {
601-
width: 15%;
602-
float: left;
597+
&:after {
598+
clear: both;
603599
}
604-
&.lastPost {
605-
width: 25%;
606-
float: left;
600+
&:first-child {
601+
margin-left: 25px;
607602
}
608603
}
609-
}
610-
ul.forum {
611-
list-style: none;
612-
margin: 0;
613-
padding: 0;
614-
border: 0;
615-
outline: 0;
616-
font-weight: inherit;
617-
font-style: inherit;
618-
font-size: 100%;
619-
font-family: inherit;
620-
vertical-align: baseline;
621-
display: block;
622-
li {
623-
position: relative;
624-
height: auto;
604+
ul.no-header li:first-child div {
605+
border-top: 0 !important;
606+
margin-top: -1px;
607+
}
608+
ul.list-glow-group {
609+
list-style: none;
610+
margin: 0;
625611
padding: 0;
626-
margin: 2px 0px 0px;
627-
border: none;
628-
border-left: 6px solid @grey;
612+
border: 0;
613+
outline: 0;
614+
font-weight: inherit;
615+
font-style: inherit;
616+
font-size: 100%;
617+
font-family: inherit;
629618
vertical-align: baseline;
630-
.transition-duration(0.3s);
631-
&:hover {
632-
background: rgba(red(@grey), green(@grey), blue(@grey), .4);
633-
}
634-
&.announcement:before, &.wontFix:before {
635-
content: '';
636-
background: saturate(lighten(@errorColor, 15%), 40%) !important;
637-
position: absolute;
638-
top: 0;
639-
left: -6px;
640-
width: 6px;
641-
height: 100%;
642-
box-shadow: 0 0 40px saturate(lighten(@errorColor, 15%), 40%) !important;
643-
}
644-
&.sticky:before, &.inProgress:before {
645-
content: '';
646-
background: saturate(lighten(@warningColor, 15%), 40%) !important;
647-
position: absolute;
648-
top: 0;
649-
left: -6px;
650-
width: 6px;
651-
height: 100%;
652-
box-shadow: 0 0 40px saturate(lighten(@warningColor, 15%), 40%) !important;
653-
}
654-
&.application:before, &.open:before {
655-
content: '';
656-
background: saturate(lighten(@infoColor, 15%), 40%) !important;
657-
position: absolute;
658-
top: 0;
659-
left: -6px;
660-
width: 6px;
661-
height: 100%;
662-
box-shadow: 0 0 40px saturate(lighten(@infoColor, 15%), 40%) !important;
663-
}
664-
&.resolved:before {
665-
content: '';
666-
background: saturate(lighten(@successColor, 15%), 40%) !important;
667-
position: absolute;
668-
top: 0;
669-
left: -6px;
670-
width: 6px;
671-
height: 100%;
672-
box-shadow: 0 0 40px saturate(lighten(@successColor, 15%), 40%) !important;
673-
}
674-
&.unread:before, &:hover:before {
675-
content: '';
676-
background: saturate(lighten(@primaryColor, 15%), 40%);
677-
position: absolute;
678-
top: 0;
679-
left: -6px;
680-
width: 6px;
681-
height: 100%;
682-
box-shadow: 0 0 40px saturate(lighten(@primaryColor, 15%), 40%);
683-
}
684-
div {
685-
display: block;
686-
div:first-of-type {
687-
border-top: 0;
619+
display: block;
620+
li {
621+
position: relative;
622+
height: auto;
623+
padding: 0;
624+
margin: 2px 0px 0px;
625+
border: none;
626+
border-left: 6px solid @grey;
627+
vertical-align: baseline;
628+
.transition-duration(0.3s);
629+
a.block {
630+
display: block;
631+
text-decoration: none;
632+
}
633+
&:last-of-type {
634+
-webkit-border-bottom-left-radius: 4px;
635+
-moz-border-radius-bottomleft: 4px;
636+
border-bottom-left-radius: 4px;
637+
}
638+
&:hover {
639+
background: rgba(red(@grey), green(@grey), blue(@grey), .4);
640+
}
641+
&.announcement:before, &.wontFix:before {
642+
content: '';
643+
background: saturate(lighten(@errorColor, 15%), 40%) !important;
644+
position: absolute;
645+
top: 0;
646+
left: -6px;
647+
width: 6px;
648+
height: 100%;
649+
box-shadow: 0 0 40px saturate(lighten(@errorColor, 15%), 40%) !important;
688650
}
689-
&.post {
651+
&.sticky:before, &.inProgress:before {
652+
content: '';
653+
background: saturate(lighten(@warningColor, 15%), 40%) !important;
654+
position: absolute;
655+
top: 0;
656+
left: -6px;
657+
width: 6px;
658+
height: 100%;
659+
box-shadow: 0 0 40px saturate(lighten(@warningColor, 15%), 40%) !important;
660+
}
661+
&.application:before, &.open:before {
662+
content: '';
663+
background: saturate(lighten(@infoColor, 15%), 40%) !important;
664+
position: absolute;
665+
top: 0;
666+
left: -6px;
667+
width: 6px;
668+
height: 100%;
669+
box-shadow: 0 0 40px saturate(lighten(@infoColor, 15%), 40%) !important;
670+
}
671+
&.resolved:before, &.online:before {
672+
content: '';
673+
background: saturate(lighten(@successColor, 15%), 40%) !important;
674+
position: absolute;
675+
top: 0;
676+
left: -6px;
677+
width: 6px;
678+
height: 100%;
679+
box-shadow: 0 0 40px saturate(lighten(@successColor, 15%), 40%) !important;
680+
}
681+
&.unread:before, &.active:before {
682+
content: '';
683+
background: saturate(lighten(@primaryColor, 15%), 40%);
684+
position: absolute;
685+
top: 0;
686+
left: -6px;
687+
width: 6px;
688+
height: 100%;
689+
box-shadow: 0 0 40px saturate(lighten(@primaryColor, 15%), 40%);
690+
}
691+
&:hover:before {
692+
content: '';
693+
background: saturate(lighten(@primaryColor, 15%), 40%) !important;
694+
position: absolute;
695+
top: 0;
696+
left: -6px;
697+
width: 6px;
698+
height: 100%;
699+
box-shadow: 0 0 40px saturate(lighten(@primaryColor, 15%), 40%) !important;
700+
}
701+
div.list-glow-group-item {
690702
padding: 13px 0 13px 20px;
691703
width: 100%;
692704
height: auto!important;
693705
border-top: 1px solid lighten(@grey, 10%);
706+
&:after, &:before {
707+
content: " ";
708+
display: table;
709+
}
710+
&:after {
711+
clear: both;
712+
}
694713
}
695-
&.subject {
696-
width: 60%;
697-
display: block;
698-
float: left;
699-
vertical-align: middle;
700-
height: 100%;
701-
}
702-
&.replies {
703-
width: 15%;
704-
float: left;
705-
}
706-
&.lastPost {
707-
width: 25%;
708-
float: left;
714+
div.list-glow-group-item-sm {
715+
padding: 5px 0 5px 20px;
709716
}
710717
}
711718
}
712-
}
713-
.trans-03s {
714-
transition-duration: 0.3s;
715-
-moz-transition-duration: 0.3s;
716-
-webkit-transition-duration: 0.3s;
717-
-o-transition-duration: 0.3s;
718-
-webkit-perspective: 1000;
719-
-webkit-backface-visibility: hidden;
719+
.trans-03s {
720+
transition-duration: 0.3s;
721+
-moz-transition-duration: 0.3s;
722+
-webkit-transition-duration: 0.3s;
723+
-o-transition-duration: 0.3s;
724+
-webkit-perspective: 1000;
725+
-webkit-backface-visibility: hidden;
726+
}
720727
}
721728
/*
722729
/////////////////////////////////////////////////////// Tables /////////////////////////////////////////////////////////

‎src/views/forum/board/components/post.blade.php

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
11
<li class="{{ $post->classes }}">
2-
<div class="post">
3-
<div class="subject">
2+
<div class="list-glow-group-item">
3+
<div class="col-md-7">
44
{{ $post->link }}
55
<br />
66
{{ $post->startedBy }}
77
</div>
8-
<div class="replies">
8+
<div class="col-md-2">
99
{{ $post->repliesBlock }}
1010
</div>
11-
<div class="lastPost">
11+
<div class="col-md-3">
1212
{{ $post->lastPostBlock }}
1313
</div>
14-
<div class="clearfix"></div>
1514
</div>
1615
</li>

‎src/views/forum/board/view.blade.php

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,13 @@
44
@if (count($board->children) > 0)
55
<div class="panel panel-default">
66
<div class="panel-heading">Child Boards</div>
7-
<ul class="forum">
8-
@foreach ($board->children as $child)
9-
@include('forum.category.components.board', array('board' => $child))
10-
@endforeach
11-
</ul>
7+
<div class="list-glow">
8+
<ul class="list-glow-group no-header">
9+
@foreach ($board->children as $child)
10+
@include('forum.category.components.board', array('board' => $child))
11+
@endforeach
12+
</ul>
13+
</div>
1214
</div>
1315
@endif
1416
<div class="panel panel-default">
@@ -17,24 +19,25 @@
1719
{{ $posts->links() }}
1820
@endif
1921
</div>
20-
<div class="labels">
21-
<div class="subject">Subject/Author</div>
22-
<div class="replies">Replies/Views</div>
23-
<div class="lastPost">LastPost</div>
24-
<div class="clearfix"></div>
22+
<div class="list-glow">
23+
<div class="list-glow-labels">
24+
<div class="col-md-7">Subject/Author</div>
25+
<div class="col-md-2">Replies/Views</div>
26+
<div class="col-md-3">LastPost</div>
27+
</div>
28+
<ul class="list-glow-group">
29+
@if (count($announcements) > 0)
30+
@foreach ($announcements as $announcement)
31+
@include('forum.board.components.post', array('post' => $announcement))
32+
@endforeach
33+
@endif
34+
@if (count($posts) > 0)
35+
@foreach ($posts as $post)
36+
@include('forum.board.components.post', array('post' => $post))
37+
@endforeach
38+
@endif
39+
</ul>
2540
</div>
26-
<ul class="forum">
27-
@if (count($announcements) > 0)
28-
@foreach ($announcements as $announcement)
29-
@include('forum.board.components.post', array('post' => $announcement))
30-
@endforeach
31-
@endif
32-
@if (count($posts) > 0)
33-
@foreach ($posts as $post)
34-
@include('forum.board.components.post', array('post' => $post))
35-
@endforeach
36-
@endif
37-
</ul>
3841
<div class="panel-footer text-center">
3942
@if ($posts->getTotal() > 30)
4043
{{ $posts->links() }}

‎src/views/forum/category/components/board.blade.php

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
11
<li class="{{ $board->classes }}">
2-
<div class="post">
3-
<div class="subject">
2+
<div class="list-glow-group-item">
3+
<div class="col-md-7">
44
{{ $board->link }}
55
</div>
6-
<div class="replies">
6+
<div class="col-md-2">
77
{{ $board->repliesBlock }}
88
</div>
9-
<div class="lastPost">
9+
<div class="col-md-3">
1010
{{ $board->lastPostBlock }}
1111
</div>
12-
<div class="clearfix"></div>
1312
</div>
1413
</li>

‎src/views/forum/category/view.blade.php

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,17 @@
1313
@endif
1414
</div>
1515
</div>
16-
<ul class="forum">
17-
@if (count($category->boards) > 0)
18-
@foreach ($category->boards as $board)
19-
@if ($board->parent_id == null)
20-
@include('forum.category.components.board', array('board' => $board))
21-
@endif
22-
@endforeach
23-
@endif
24-
</ul>
16+
<div class="list-glow">
17+
<ul class="list-glow-group no-header">
18+
@if (count($category->boards) > 0)
19+
@foreach ($category->boards as $board)
20+
@if ($board->parent_id == null)
21+
@include('forum.category.components.board', array('board' => $board))
22+
@endif
23+
@endforeach
24+
@endif
25+
</ul>
26+
</div>
2527
</div>
2628
@if (!isset($main))
2729
@include('forum.category.components.breadcrumbs')

0 commit comments

Comments
 (0)