Skip to content

Commit 283aea6

Browse files
jlukicjlukic
committed
Design iteration
1 parent cac7c53 commit 283aea6

54 files changed

Lines changed: 388 additions & 287 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎README.md‎

100644100755
File mode changed.

‎css/global.css‎

Lines changed: 28 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,11 @@ a:hover b {
3838
margin-right: 1em;
3939
}
4040

41+
/* Min Width on Dropdown */
42+
.page.header .ui.dropdown .menu {
43+
min-width: 175px;
44+
}
45+
4146
/* Resize images */
4247
.page.header .menu .item > .logo.image {
4348
width: auto;
@@ -48,22 +53,38 @@ a:hover b {
4853
height: 20px;
4954
}
5055

51-
/* Make menu point to avatar */
52-
.page.header .user.dropdown .menu {
53-
margin: 5px 9px 0px 0px !important;
54-
}
55-
5656
.page.header .plus.icon + .dropdown.icon {
5757
margin-left: 2px;
5858
}
5959

6060
/* Notification Bubble */
6161
.page.header .notification.label {
62-
top: 0;
62+
top: -1px;
63+
right: 1px;
6364
left: auto;
64-
right: 2px;
6565
}
6666

67+
/*--------------
68+
User Dropdown
69+
---------------*/
70+
71+
/* Align dropdown with dropdown icon */
72+
.page.header .add.dropdown .menu {
73+
margin: 0 -7px 0 0 !important;
74+
}
75+
76+
.page.header .user.dropdown .menu {
77+
margin: 0 -7px 0 0 !important;
78+
}
79+
.page.header .user.dropdown .user.header {
80+
font-size: inherit;
81+
padding-bottom: 0em;
82+
}
83+
.page.header .user.dropdown .user.header b {
84+
color: inherit;
85+
}
86+
87+
6788
/*--------------
6889
Repo Menu
6990
---------------*/

‎css/layouts/home.css‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,6 @@
1414

1515
}
1616

17-
#home .button .dropdown.icon {
18-
vertical-align: top;
19-
}
20-
2117
/*--------------
2218
Top Ribbon
2319
---------------*/

‎css/ui/components/ad.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@
223223
.ui.mobile.ad {
224224
display: none;
225225
}
226-
@media only screen and (max-width: 767px) {
226+
@media only screen and (max-width: 1048px) {
227227
.ui.mobile.ad {
228228
display: block;
229229
}

‎css/ui/components/ad.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/ui/components/card.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -745,7 +745,7 @@ a.ui.card:hover,
745745

746746

747747
/* Mobily Only */
748-
@media only screen and (max-width: 767px) {
748+
@media only screen and (max-width: 1048px) {
749749
.ui.two.doubling.cards {
750750
margin-left: 0em;
751751
margin-right: 0em;
@@ -830,7 +830,7 @@ a.ui.card:hover,
830830
}
831831

832832
/* Tablet Only */
833-
@media only screen and (min-width: 768px) and (max-width: 991px) {
833+
@media only screen and (min-width: 1049px) and (max-width: 1048px) {
834834
.ui.two.doubling.cards {
835835
margin-left: 0em;
836836
margin-right: 0em;
@@ -918,7 +918,7 @@ a.ui.card:hover,
918918
Stackable
919919
--------------------*/
920920

921-
@media only screen and (max-width: 767px) {
921+
@media only screen and (max-width: 1048px) {
922922
.ui.stackable.cards {
923923
display: block !important;
924924
}

‎css/ui/components/card.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/ui/components/container.css‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
}
2323

2424
/* Mobile */
25-
@media only screen and (max-width: 767px) {
25+
@media only screen and (max-width: 1048px) {
2626
.ui.container {
2727
width: auto;
2828
margin-left: 1em !important;
@@ -40,38 +40,38 @@
4040
}
4141

4242
/* Tablet */
43-
@media only screen and (min-width: 768px) and (max-width: 991px) {
43+
@media only screen and (min-width: 1049px) and (max-width: 1048px) {
4444
.ui.container {
45-
width: 725px;
45+
width: 1006px;
4646
margin-left: auto !important;
4747
margin-right: auto !important;
4848
}
4949
.ui.grid.container {
50-
width: calc( 725px + 2rem ) !important;
50+
width: calc( 1006px + 2rem ) !important;
5151
}
5252
.ui.relaxed.grid.container {
53-
width: calc( 725px + 3rem ) !important;
53+
width: calc( 1006px + 3rem ) !important;
5454
}
5555
.ui.very.relaxed.grid.container {
56-
width: calc( 725px + 5rem ) !important;
56+
width: calc( 1006px + 5rem ) !important;
5757
}
5858
}
5959

6060
/* Small Monitor */
61-
@media only screen and (min-width: 992px) and (max-width: 1048px) {
61+
@media only screen and (min-width: 1049px) and (max-width: 1048px) {
6262
.ui.container {
63-
width: 936px;
63+
width: 993px;
6464
margin-left: auto !important;
6565
margin-right: auto !important;
6666
}
6767
.ui.grid.container {
68-
width: calc( 936px + 2rem ) !important;
68+
width: calc( 993px + 2rem ) !important;
6969
}
7070
.ui.relaxed.grid.container {
71-
width: calc( 936px + 3rem ) !important;
71+
width: calc( 993px + 3rem ) !important;
7272
}
7373
.ui.very.relaxed.grid.container {
74-
width: calc( 936px + 5rem ) !important;
74+
width: calc( 993px + 5rem ) !important;
7575
}
7676
}
7777

‎css/ui/components/container.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/ui/components/divider.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@
114114
}
115115

116116
/* Inside grid */
117-
@media only screen and (max-width: 767px) {
117+
@media only screen and (max-width: 1048px) {
118118
.ui.stackable.grid .ui.vertical.divider,
119119
.ui.grid .stackable.row .ui.vertical.divider {
120120
display: table;
@@ -245,7 +245,7 @@
245245
.ui.horizontal.divider:after {
246246
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
247247
}
248-
@media only screen and (max-width: 767px) {
248+
@media only screen and (max-width: 1048px) {
249249
.ui.stackable.grid .ui.vertical.divider:before,
250250
.ui.grid .stackable.row .ui.vertical.divider:before,
251251
.ui.stackable.grid .ui.vertical.divider:after,

0 commit comments

Comments
 (0)