IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

setting margin on label

Browse Source
This commit is contained in:
Peter Holmberg 2019-02-01 15:03:19 +01:00
parent d1d5bbf697
commit 4b03e7c31f
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/features/datasources/DataSourcesListItem.tsx
View File

@ -16,12 +16,12 @@ export class DataSourcesListItem extends PureComponent<Props> {
</div> </div>
<div className="card-item-body"> <div className="card-item-body">
<figure className="card-item-figure"> <figure className="card-item-figure">
<img src={dataSource.typeLogoUrl} /> <img src={dataSource.typeLogoUrl} alt={dataSource.name} />
</figure> </figure>
<div className="card-item-details"> <div className="card-item-details">
<div className="card-item-name"> <div className="card-item-name">
{dataSource.name} {dataSource.name}
{dataSource.isDefault && <span className="btn btn-secondary btn-mini">default</span>} {dataSource.isDefault && <span className="btn btn-secondary btn-mini card-item-label">default</span>}
</div> </div>
<div className="card-item-sub-name">{dataSource.url}</div> <div className="card-item-sub-name">{dataSource.url}</div>
</div> </div>

1
public/app/features/datasources/__snapshots__/DataSourcesListItem.test.tsx.snap
View File

@ -24,6 +24,7 @@ exports[`Render should render component 1`] = `
className="card-item-figure" className="card-item-figure"
> >
<img <img
alt="gdev-cloudwatch"
src="public/app/plugins/datasource/cloudwatch/img/amazon-web-services.png" src="public/app/plugins/datasource/cloudwatch/img/amazon-web-services.png"
/> />
</figure> </figure>

4
public/sass/components/_cards.scss
View File

@ -109,6 +109,10 @@
width: 100%; width: 100%;
} }
.card-item-label {
margin-left: 8px;
}
.card-item-sub-name { .card-item-sub-name {
color: $text-color-weak; color: $text-color-weak;
overflow: hidden; overflow: hidden;