Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-17 18:51:10 +01:00
Code Issues Packages Projects Releases Activity

Make input .help texts position absolute so that it does not affect level negative when pop up, it also saves some space underneath

Browse Source
This commit is contained in:
Florian Scholdei
2019-11-26 16:04:42 +01:00
parent b17f03247b
commit 111465f853
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scm-ui/ui-styles/src/scm.scss
View File

@@ -622,6 +622,10 @@ form .field:not(.is-grouped) {
} }
} }
.help {
position: absolute;
}
// label with help-icon compensation // label with help-icon compensation
.label-icon-spacing { .label-icon-spacing {
margin-top: 30px; margin-top: 30px;

6
scm-ui/ui-webapp/src/repos/sources/components/content/FileButtonAddons.tsx
View File

@@ -18,7 +18,7 @@ class FileButtonAddons extends React.Component<Props> {
}; };
color = (selected: boolean) => { color = (selected: boolean) => {
return selected ? "link is-selected" : null; return selected ? "link is-selected" : "";
}; };
render() { render() {
@@ -27,14 +27,14 @@ class FileButtonAddons extends React.Component<Props> {
return ( return (
<ButtonAddons className={className}> <ButtonAddons className={className}>
<div title={t("sources.content.sourcesButton")}> <div title={t("sources.content.sourcesButton")}>
<Button action={this.showSources} className="reduced" color={this.color(!historyIsSelected)}> <Button action={this.showSources} color={this.color(!historyIsSelected)}>
<span className="icon"> <span className="icon">
<i className="fas fa-code" /> <i className="fas fa-code" />
</span> </span>
</Button> </Button>
</div> </div>
<div title={t("sources.content.historyButton")}> <div title={t("sources.content.historyButton")}>
<Button action={this.showHistory} className="reduced" color={this.color(historyIsSelected)}> <Button action={this.showHistory} color={this.color(historyIsSelected)}>
<span className="icon"> <span className="icon">
<i className="fas fa-history" /> <i className="fas fa-history" />
</span> </span>