create class for inlie positioned lists (#7393)

replace org create alignment hack

fix #6464

Signed-off-by: Michael Gnehr <michael@gnehr.de>

diff --git a/public/css/index.css b/public/css/index.css
index a260c8c706a17a4a13a5c0f2bf0d3ed38e143936..0630cb6ed567a0c9218ba4a9e8d4b6a89063b813 100644 (file)
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -211,6 +211,9 @@ footer .ui.left,footer .ui.right{line-height:40px}
 .ui.tabular.menu .item{color:rgba(0,0,0,.5)}
 .ui.tabular.menu .item:hover{color:rgba(0,0,0,.8)}
 .ui.tabular.menu .item.active{color:rgba(0,0,0,.9)}
+.inline-grouped-list{display:inline-block;vertical-align:top}
+.inline-grouped-list>.ui{display:block;margin-top:5px;margin-bottom:10px}
+.inline-grouped-list>.ui:first-child{margin-top:1px}
 .markdown:not(code){overflow:hidden;font-size:16px;line-height:1.6!important;word-wrap:break-word}
 .markdown:not(code).ui.segment{padding:3em}
 .markdown:not(code).file-view{padding:2em 2em 2em!important}

diff --git a/public/less/_base.less b/public/less/_base.less
index aae3b97c72516c2678047a30f42800ae2071bce1..b9d9c88da5f9e913e23b95cd5bf9970d981bdfe2 100644 (file)
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -617,7 +617,6 @@ code,
 .file-comment {
     font: 12px @monospaced-fonts, monospace;
     color: rgba(0, 0, 0, 0.87);
-
 }
 
 .ui.floating.dropdown {
@@ -889,3 +888,19 @@ footer {
 .ui.tabular.menu .item.active {
     color: rgba(0, 0, 0, 0.9);
 }
+
+/* multiple radio or checkboxes as inline element */
+.inline-grouped-list {
+    display: inline-block;
+    vertical-align: top;
+
+    > .ui {
+        display: block;
+        margin-top: 5px;
+        margin-bottom: 10px;
+
+        &:first-child {
+            margin-top: 1px;
+        }
+    }
+}

diff --git a/templates/org/create.tmpl b/templates/org/create.tmpl
index a64c4152330f7bbeac6fbdc5e08205acb014186d..5b6080c2273acd4bde3382dd069df861c058b367 100644 (file)
--- a/templates/org/create.tmpl
+++ b/templates/org/create.tmpl
@@ -17,23 +17,19 @@
 
                                        <div class="inline field {{if .Err_OrgVisibility}}error{{end}}">
                                                <span class="inline required field"><label for="visibility">{{.i18n.Tr "org.settings.visibility"}}</label></span>
-                                               <div class="ui radio checkbox">
-                                                       <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="0" {{if .DefaultOrgVisibilityMode.IsPublic}}checked{{end}}/>
-                                                       <label>{{.i18n.Tr "org.settings.visibility.public"}}</label>
-                                               </div>
-                                       </div>
-                                       <div class="inline field {{if .Err_OrgVisibility}}error{{end}}">
-                                               <label>&nbsp;</label>
-                                               <div class="ui radio checkbox">
-                                                       <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="1" {{if .DefaultOrgVisibilityMode.IsLimited}}checked{{end}}/>
-                                                       <label>{{.i18n.Tr "org.settings.visibility.limited"}}</label>
-                                               </div>
-                                       </div>
-                                       <div class="inline field {{if .Err_OrgVisibility}}error{{end}}">
-                                               <label>&nbsp;</label>
-                                               <div class="ui radio checkbox">
-                                                       <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="2" {{if .DefaultOrgVisibilityMode.IsPrivate}}checked{{end}}/>
-                                                       <label>{{.i18n.Tr "org.settings.visibility.private"}}</label>
+                                               <div class="inline-grouped-list">
+                                                       <div class="ui radio checkbox">
+                                                               <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="0" {{if .DefaultOrgVisibilityMode.IsPublic}}checked{{end}}/>
+                                                               <label>{{.i18n.Tr "org.settings.visibility.public"}}</label>
+                                                       </div>
+                                                       <div class="ui radio checkbox">
+                                                               <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="1" {{if .DefaultOrgVisibilityMode.IsLimited}}checked{{end}}/>
+                                                               <label>{{.i18n.Tr "org.settings.visibility.limited"}}</label>
+                                                       </div>
+                                                       <div class="ui radio checkbox">
+                                                               <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="2" {{if .DefaultOrgVisibilityMode.IsPrivate}}checked{{end}}/>
+                                                               <label>{{.i18n.Tr "org.settings.visibility.private"}}</label>
+                                                       </div>
                                                </div>
                                        </div>
                                        <div class="inline field">