Browse Source

Create Repo Page is now responsive

Yoginth 7 years ago
parent
commit
418b69fdae
4 changed files with 15 additions and 25 deletions
  1. 3 8
      public/css/gitote.css
  2. 8 4
      public/less/_form.less
  3. 0 9
      public/less/_repository.less
  4. 4 4
      templates/repo/create.tmpl

+ 3 - 8
public/css/gitote.css

@@ -1429,6 +1429,9 @@ footer .ui.language .menu {
   .user.signup form .header {
   .user.signup form .header {
     padding-left: 1em !important;
     padding-left: 1em !important;
   }
   }
+  .repo-form {
+    margin: 0 !important;
+  }
 }
 }
 .repository {
 .repository {
   padding-top: 15px;
   padding-top: 15px;
@@ -3152,14 +3155,6 @@ footer .ui.language .menu {
     margin: auto;
     margin: auto;
     display: table;
     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.repo form .inline.field > label,
   .repository.new.migrate form .inline.field > label,
   .repository.new.migrate form .inline.field > label,
   .repository.new.fork form .inline.field > label {
   .repository.new.fork form .inline.field > label {

+ 8 - 4
public/less/_form.less

@@ -1,12 +1,13 @@
 .form {
 .form {
 	.help {
 	.help {
 		color: #999999;
 		color: #999999;
-	  padding-top: .6em;
-	  padding-bottom: .6em;
-	  display: inline-block;
-	  word-break: break-word;
+	  	padding-top: .6em;
+	  	padding-bottom: .6em;
+		display: inline-block;
+		word-break: break-word;
 	}
 	}
 }
 }
+
 .ui.attached.header {
 .ui.attached.header {
 	background: #f0f0f0;
 	background: #f0f0f0;
 	.right {
 	.right {
@@ -132,4 +133,7 @@
 			}
 			}
 		}
 		}
 	}
 	}
+	.repo-form {
+		margin: 0 !important;
+	}
 }
 }

+ 0 - 9
public/less/_repository.less

@@ -2079,15 +2079,6 @@
 		display: table;
 		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.repo form .inline.field > label, 
 	.repository.new.migrate form .inline.field > label, 
 	.repository.new.migrate form .inline.field > label, 
 	.repository.new.fork form .inline.field > label{
 	.repository.new.fork form .inline.field > label{

+ 4 - 4
templates/repo/create.tmpl

@@ -36,7 +36,7 @@
 					<div class="inline required field {{if .Err_RepoName}}error{{end}}">
 					<div class="inline required field {{if .Err_RepoName}}error{{end}}">
 						<label for="repo_name">{{.i18n.Tr "repo.repo_name"}}</label>
 						<label for="repo_name">{{.i18n.Tr "repo.repo_name"}}</label>
 						<input id="repo_name" name="repo_name" value="{{.repo_name}}" autofocus required>
 						<input id="repo_name" name="repo_name" value="{{.repo_name}}" autofocus required>
-						<span class="help">{{.i18n.Tr "repo.repo_name_helper" | Safe}}</span>
+						<span class="help repo-form">{{.i18n.Tr "repo.repo_name_helper" | Safe}}</span>
 					</div>
 					</div>
 					<div class="inline field">
 					<div class="inline field">
 						<label>{{.i18n.Tr "repo.visibility"}}</label>
 						<label>{{.i18n.Tr "repo.visibility"}}</label>
@@ -53,8 +53,8 @@
 					<div class="inline field {{if .Err_Description}}error{{end}}">
 					<div class="inline field {{if .Err_Description}}error{{end}}">
 						<label for="description">{{.i18n.Tr "repo.repo_desc"}}</label>
 						<label for="description">{{.i18n.Tr "repo.repo_desc"}}</label>
 						<textarea class="autosize" id="description" name="description" rows="3">{{.description}}</textarea>
 						<textarea class="autosize" id="description" name="description" rows="3">{{.description}}</textarea>
-						<span class="help">{{.i18n.Tr "repo.repo_description_helper" | Safe}}</span>
-						<span class="help">{{.i18n.Tr "repo.repo_description_length"}}: <span id="descLength"></span></span>
+						<span class="help repo-form">{{.i18n.Tr "repo.repo_description_helper" | Safe}}</span>
+						<span class="help repo-form">{{.i18n.Tr "repo.repo_description_length"}}: <span id="descLength"></span></span>
 					</div>
 					</div>
 
 
 					<div class="ui divider"></div>
 					<div class="ui divider"></div>
@@ -97,7 +97,7 @@
 						</div>
 						</div>
 					</div>
 					</div>
 					<div class="inline field">
 					<div class="inline field">
-						<div class="ui checkbox" id="auto-init">
+						<div class="ui checkbox repo-form" id="auto-init">
 							<input class="hidden" name="auto_init" type="checkbox" tabindex="0" {{if .auto_init}}checked{{end}}>
 							<input class="hidden" name="auto_init" type="checkbox" tabindex="0" {{if .auto_init}}checked{{end}}>
 							<label>{{.i18n.Tr "repo.auto_init"}}</label>
 							<label>{{.i18n.Tr "repo.auto_init"}}</label>
 						</div>
 						</div>