backport of #7393 - create class for inline positioned lists (#7439)

see #7393
affects #6464

Signed-off-by: Michael Gnehr michael@gnehr.de
This commit is contained in:
Cherrg 2019-07-12 21:11:05 +02:00 committed by zeripath
parent 97d4a38e01
commit f52840623c
3 changed files with 32 additions and 18 deletions

View file

@ -208,6 +208,9 @@ footer .ui.left,footer .ui.right{line-height:40px}
.ui.tabular.menu .item{color:rgba(0,0,0,.5)} .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:hover{color:rgba(0,0,0,.8)}
.ui.tabular.menu .item.active{color:rgba(0,0,0,.9)} .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){overflow:hidden;font-size:16px;line-height:1.6!important;word-wrap:break-word}
.markdown:not(code).ui.segment{padding:3em} .markdown:not(code).ui.segment{padding:3em}
.markdown:not(code).file-view{padding:2em 2em 2em!important} .markdown:not(code).file-view{padding:2em 2em 2em!important}

View file

@ -605,7 +605,6 @@ code,
.file-comment { .file-comment {
font: 12px @monospaced-fonts, monospace; font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
} }
.ui.floating.dropdown { .ui.floating.dropdown {
@ -877,3 +876,19 @@ footer {
.ui.tabular.menu .item.active { .ui.tabular.menu .item.active {
color: rgba(0, 0, 0, 0.9); 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;
}
}
}

View file

@ -17,23 +17,19 @@
<div class="inline field {{if .Err_OrgVisibility}}error{{end}}"> <div class="inline field {{if .Err_OrgVisibility}}error{{end}}">
<span class="inline required field"><label for="visibility">{{.i18n.Tr "org.settings.visibility"}}</label></span> <span class="inline required field"><label for="visibility">{{.i18n.Tr "org.settings.visibility"}}</label></span>
<div class="ui radio checkbox"> <div class="inline-grouped-list">
<input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="0" {{if .DefaultOrgVisibilityMode.IsPublic}}checked{{end}}/> <div class="ui radio checkbox">
<label>{{.i18n.Tr "org.settings.visibility.public"}}</label> <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="0" {{if .DefaultOrgVisibilityMode.IsPublic}}checked{{end}}/>
</div> <label>{{.i18n.Tr "org.settings.visibility.public"}}</label>
</div> </div>
<div class="inline field {{if .Err_OrgVisibility}}error{{end}}"> <div class="ui radio checkbox">
<label>&nbsp;</label> <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="1" {{if .DefaultOrgVisibilityMode.IsLimited}}checked{{end}}/>
<div class="ui radio checkbox"> <label>{{.i18n.Tr "org.settings.visibility.limited"}}</label>
<input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="1" {{if .DefaultOrgVisibilityMode.IsLimited}}checked{{end}}/> </div>
<label>{{.i18n.Tr "org.settings.visibility.limited"}}</label> <div class="ui radio checkbox">
</div> <input class="hidden enable-system-radio" tabindex="0" name="visibility" type="radio" value="2" {{if .DefaultOrgVisibilityMode.IsPrivate}}checked{{end}}/>
</div> <label>{{.i18n.Tr "org.settings.visibility.private"}}</label>
<div class="inline field {{if .Err_OrgVisibility}}error{{end}}"> </div>
<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> </div>
</div> </div>
<div class="inline field"> <div class="inline field">