Browse Source

Mobile View

pull/5309/head
EvanG 7 years ago
parent
commit
ea6d73de51
  1. 179
      public/less/_base.less
  2. 25
      public/less/_dashboard.less
  3. 23
      public/less/_explore.less
  4. 19
      public/less/_organization.less
  5. 122
      public/less/_repository.less
  6. 10
      public/less/_user.less

179
public/less/_base.less

@ -446,7 +446,6 @@ footer {
@media (max-width: 1020px) { @media (max-width: 1020px) {
@media (max-width: 1020px) {
body { body {
min-width: 320px !important; min-width: 320px !important;
max-width: 100%; max-width: 100%;
@ -456,38 +455,17 @@ footer {
max-width: 100%; max-width: 100%;
} }
.item.brand,
.six.wide.column,
.ui.five.wide.column{
display: none !important;
}
.ten.wide.column,
.ui.grid > [class*="four wide"].column,
.ui.eleven.wide.column,
.ui.grid > [class*="twelve wide"].column,
.full.height, .full.height,
.dashboard,
.following.bar.light, .following.bar.light,
[class*="vertically padded"].ui.grid,
#release-list .ui.grid,
#git-stats,
.repository.new.repo .ui.form .selection.dropdown:not(.owner),
.repository.new.repo form input,
.repository.new.migrate form input,
.repository.new.fork form input,
.repository.new.repo form textarea,
.repository.new.migrate form textarea,
.repository.new.fork form textarea,
.ui.form .inline.field > .selection.dropdown, .ui.form .inline.field > .selection.dropdown,
.ui.form .inline.fields .field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown,
.feeds .news .issue.title .ui.form .inline.field > input,
{ .ui.form .inline.field > select,
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select{
width: 100% !important;
}{
width: 100% !important; width: 100% !important;
}
.ui.vertically.padded.grid.head .column{
padding: 0;
} }
.ui.header .ui.right .ui.small.button, .ui.header .ui.right .ui.small.button,
@ -527,20 +505,12 @@ footer {
word-wrap: break-word; word-wrap: break-word;
} }
.ui.right .ui.secondary.head.menu .item[href^="/org/"]{
display: none;
}
.ui.language.bottom.floating.slide.up.dropdown.link.item{ .ui.language.bottom.floating.slide.up.dropdown.link.item{
right: 5%; right: 5%;
position: absolute; position: absolute;
bottom: 36.5%; bottom: 36.5%;
} }
.ui.grid > [class*="ten wide"].column {
width: 100% !important;
}
.following.bar a.main-menu.item .menu-icon.octicon{ .following.bar a.main-menu.item .menu-icon.octicon{
display: block; display: block;
font-size: large; font-size: large;
@ -564,11 +534,6 @@ footer {
padding-left: 5px; padding-left: 5px;
} }
.ui.vertical.menu{
margin: 0 auto !important;
width: 90%;
}
.ui.header{ .ui.header{
text-align: center; text-align: center;
} }
@ -580,42 +545,6 @@ footer {
float: none; float: none;
} }
.ui.user.list .item .content{
width: 85%;
}
.ui.user.list .item .content .br{
display: block;
}
.ui.user.list .item .content .octicon.octicon-location{
padding-left: 5px;
}
.ui.container .ui.grid .ui.eleven.wide.column .text.right .ui.green.button{
width: 100%;
}
.repository .ui.container .ui.secondary.menu{
padding: 6px 6px 30px;
position: relative;
width: 100%;
}
.repository.file.list #repo-files-table .grey.has-emoji,
.repository.file.list #repo-files-table thead th,
.repository.file.list #repo-files-table td.message.collapsing.has-emoji{
display: none;
}
.repository.file.list #repo-files-table thead th:first-child {
width: 200%;
}
.repository.file.list #repo-files-table tr{
width: 100%;
}
.ui.container .ui.header .ui.right .ui.small.button{ .ui.container .ui.header .ui.right .ui.small.button{
margin: 0; margin: 0;
} }
@ -625,29 +554,6 @@ footer {
float: none; float: none;
} }
#commits-table tbody tr .message.collapsing span,
#commits-table thead tr .nine.wide.message span.commits-message{
display: none;
}
#commits-table thead tr th.four.wide,
#commits-table thead tr th.nine.wide.message,
#commits-table thead tr th.three.wide{
width: 33%;
}
#file-buttons{
display: none !important;
}
.ui.menu .right.fitted.item{
height:30px;
width:100%;
top: 50px;
position:absolute;
bottom:0;
}
.ui.tabs.container .ui.tabular.menu .item{ .ui.tabs.container .ui.tabular.menu .item{
text-indent: -9999px; text-indent: -9999px;
white-space: nowrap; white-space: nowrap;
@ -656,15 +562,6 @@ footer {
width: 50px; width: 50px;
} }
.repository .ui.container .ui.secondary.menu.right.floated.menu{
display: none;
}
.ui.grid > [class*="one wide"].column{
margin-left: -3.25em;
margin-top: 3em;
position: absolute;
}
.ui.tabular.menu .item i{ .ui.tabular.menu .item i{
text-indent: 0; text-indent: 0;
} }
@ -675,42 +572,10 @@ footer {
margin: auto; margin: auto;
} }
.repository .header-wrapper .ui.tabular .octicon{
margin: 0 auto !important;
}
.repository .header-wrapper .ui.tabular .octicon.octicon-file-text{
padding-left: 5px;
}
.ui.tabular.menu .right.menu{
/*margin-right: 5%;*/
}
#repo-desc{
text-align: center;
}
.repository.release #release-list > li .meta {
text-align: left;
padding-bottom: 0;
border-left: 1px solid #DDD;
}
.repository.release #release-list > li .detail{
padding-top: 10px;
}
.repository.new.repo form .header,
.repository.new.migrate form .header,
.repository.new.fork form .header,
.organization.new.org form .header,
.ui.top.attached.header{ .ui.top.attached.header{
padding-left: 0 !important; padding-left: 0 !important;
} }
.repository.new.repo form .inline.field > label,
.repository.new.migrate form .inline.field > label,
.repository.new.fork form .inline.field > label,
.organization.new.org form .inline.field > label,
.ui.form .inline.field > :first-child, .ui.form .inline.field > :first-child,
.ui.form .inline.fields .field > :first-child{ .ui.form .inline.fields .field > :first-child{
text-align: left; text-align: left;
@ -720,38 +585,6 @@ footer {
white-space: nowrap; white-space: nowrap;
} }
.repository.new.repo .ui.form #auto-init,
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title
.repository.new.repo form .help, .repository.new.migrate form .help,
.repository.new.fork form .help,
.organization.new.org form .help{
margin-left: 0 !important;
}
.repository .ui.container .navbar .ui.compact.small.menu,
.ui.form .inline.field > input,
.ui.form .inline.field > select,
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select{
width: 100% !important;
}
.repository .ui.container .navbar .ui.compact.small.menu .item{
position: relative;
width: 50%;
text-align: center;
}
.repository .ui.container .navbar .ui.right{
margin-top: 5px;
float: none;
}
.repository .ui.container .navbar .ui.right .ui.green.button{
margin: auto;
display: table;
}
.ui.form .field:last-child, .ui.form .field:last-child,
.ui.form .field:last-child .ui.button{ .ui.form .field:last-child .ui.button{
width: 100%; width: 100%;

25
public/less/_dashboard.less

@ -157,3 +157,28 @@
} }
} }
} }
@media (max-width: 1020px) {
.item.brand,
.six.wide.column,
.ui.five.wide.column{
display: none !important;
}
.dashboard,
.ui.grid > [class*="ten wide"].column,
.ten.wide.column,
.feeds .news .issue.title{
width: 100% !important;
}
.ui.vertically.padded.grid.head .column{
padding: 0;
}
.ui.grid > [class*="one wide"].column{
margin-left: -3.25em;
margin-top: 3em;
position: absolute;
}
}

23
public/less/_explore.less

@ -73,3 +73,26 @@
} }
} }
} }
@media (max-width: 1020px) {
.ui.grid > [class*="four wide"].column{
width: 100% !important;
}
.ui.vertical.menu{
margin: 0 auto !important;
width: 90%;
}
.ui.user.list .item .content{
width: 85%;
}
.ui.user.list .item .content .br{
display: block;
}
.ui.user.list .item .content .octicon.octicon-location{
padding-left: 5px;
}
}

19
public/less/_organization.less

@ -154,3 +154,22 @@
} }
} }
} }
@media (max-width: 1020px) {
.ui.right .ui.secondary.head.menu .item[href^="/org/"]{
display: none;
}
.organization.new.org form .help{
margin-left: 0 !important;
}
.organization.new.org form .inline.field > label{
text-align: left;
}
.organization.new.org form .header{
padding-left: 0 !important;
}
}

122
public/less/_repository.less

@ -1728,3 +1728,125 @@
} }
.generate-tab-size(@n, (@i + 1)); .generate-tab-size(@n, (@i + 1));
} }
@media (max-width: 1020px) {
[class*="vertically padded"].ui.grid,
#release-list .ui.grid,
#git-stats,
.repository.new.repo .ui.form .selection.dropdown:not(.owner),
.repository.new.repo form input,
.repository.new.migrate form input,
.repository.new.fork form input,
.repository.new.repo form textarea,
.repository.new.migrate form textarea,
.repository.new.fork form textarea,
.ui.grid > [class*="twelve wide"].column,
.repository .ui.container .navbar .ui.compact.small.menu{
width: 100% !important;
}
.repository .ui.container .ui.secondary.menu{
padding: 6px 6px 30px;
position: relative;
width: 100%;
}
.repository.file.list #repo-files-table .grey.has-emoji,
.repository.file.list #repo-files-table thead th,
.repository.file.list #repo-files-table td.message.collapsing.has-emoji{
display: none;
}
.repository.file.list #repo-files-table thead th:first-child {
width: 200%;
}
.repository.file.list #repo-files-table tr{
width: 100%;
}
#commits-table tbody tr .message.collapsing span,
#commits-table thead tr .nine.wide.message span.commits-message{
display: none;
}
#commits-table thead tr th.four.wide,
#commits-table thead tr th.nine.wide.message,
#commits-table thead tr th.three.wide{
width: 33%;
}
#file-buttons{
display: none !important;
}
.ui.menu .right.fitted.item{
height:30px;
width:100%;
top: 50px;
position:absolute;
bottom:0;
}
.repository .ui.container .navbar .ui.compact.small.menu .item{
position: relative;
width: 50%;
text-align: center;
}
.repository .ui.container .navbar .ui.right{
margin-top: 5px;
float: none;
}
.repository .ui.container .navbar .ui.right .ui.green.button{
margin: auto;
display: table;
}
.repository.new.repo .ui.form #auto-init,
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title
.repository.new.repo form .help, .repository.new.migrate form .help,
.repository.new.fork form .help{
margin-left: 0 !important;
}
.repository.new.repo form .inline.field > label,
.repository.new.migrate form .inline.field > label,
.repository.new.fork form .inline.field > label{
text-align: left;
}
.repository.new.repo form .header,
.repository.new.migrate form .header,
.repository.new.fork form .header{
padding-left: 0 !important;
}
.repository .header-wrapper .ui.tabular .octicon{
margin: 0 auto !important;
}
.repository .header-wrapper .ui.tabular .octicon.octicon-file-text{
padding-left: 5px;
}
#repo-desc{
text-align: center;
}
.repository.release #release-list > li .meta {
text-align: left;
padding-bottom: 0;
border-left: 1px solid #DDD;
}
.repository.release #release-list > li .detail{
padding-top: 10px;
}
.repository .ui.container .ui.secondary.menu.right.floated.menu{
display: none;
}
}

10
public/less/_user.less

@ -115,3 +115,13 @@
} }
} }
} }
@media (max-width: 1020px) {
.ui.eleven.wide.column{
width: 100% !important;
}
.ui.container .ui.grid .ui.eleven.wide.column .text.right .ui.green.button{
width: 100%;
}
}
Loading…
Cancel
Save