playground
/
gogs
mirror of https://github.com/gogits/gogs.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Mobile View

pull/5309/head
EvanG 7 years ago
parent
ba0be03ded
commit
ea6d73de51
6 changed files with 206 additions and 174 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 181
      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

181
public/less/_base.less
Unescape View File

@ -446,7 +446,6 @@ footer {
@media (max-width: 1020px) {
@media (max-width: 1020px) {
body {
min-width: 320px !important;
max-width: 100%;
@ -454,40 +453,19 @@ footer {
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
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,
.dashboard,
.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.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;
}
.ui.vertically.padded.grid.head .column{
padding: 0;
}
.ui.header .ui.right .ui.small.button,
@ -527,20 +505,12 @@ footer {
word-wrap: break-word;
}
.ui.right .ui.secondary.head.menu .item[href^="/org/"]{
display: none;
}
.ui.language.bottom.floating.slide.up.dropdown.link.item{
right: 5%;
position: absolute;
bottom: 36.5%;
}
.ui.grid > [class*="ten wide"].column {
width: 100% !important;
}
.following.bar a.main-menu.item .menu-icon.octicon{
display: block;
font-size: large;
@ -564,11 +534,6 @@ footer {
padding-left: 5px;
}
.ui.vertical.menu{
margin: 0 auto !important;
width: 90%;
}
.ui.header{
text-align: center;
}
@ -580,42 +545,6 @@ footer {
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{
margin: 0;
}
@ -625,29 +554,6 @@ footer {
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{
text-indent: -9999px;
white-space: nowrap;
@ -656,15 +562,6 @@ footer {
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{
text-indent: 0;
}
@ -675,42 +572,10 @@ footer {
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{
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.fields .field > :first-child{
text-align: left;
@ -720,38 +585,6 @@ footer {
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.button{
width: 100%;

25
public/less/_dashboard.less
Unescape View File

@ -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
Unescape View File

@ -72,4 +72,27 @@
}
}
}
}
@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
Unescape View File

@ -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
Unescape View File

@ -1728,3 +1728,125 @@
}
.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
Unescape View File

@ -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%;
}
}
Write Preview
Loading…
Cancel
Save