yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix styling issues with listview sorting in overlay. (#10351)

Browse Source 
Remove margin bottom at input fields
This commit is contained in:
Bjarne Fyrstenborg
2021-06-08 10:19:26 +02:00
committed by GitHub
parent 1e37410578
commit e9c3c9fea6
2 changed files with 56 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Umbraco.Web.UI.Client/src/less/components/umb-list-view-settings.less
View File

@@ -66,11 +66,8 @@
padding-left: 15px;
}
.ui-sortable-handle {
min-height: 37px;
display: flex;
width:0;
align-items: center;
input[type="text"] {
margin-bottom: 0;
}
}
}

104
src/Umbraco.Web.UI.Client/src/less/listview.less
View File

@@ -222,63 +222,67 @@
/* ---------- LAYOUTS ---------- */
.list-view-layout {
display: flex;
align-items: center;
padding: 10px 15px;
background: @gray-10;
margin-bottom: 1px;
}
display: flex;
align-items: center;
padding: 10px 15px;
background: @gray-10;
margin-bottom: 1px;
.list-view-layout__sort-handle {
font-size: 14px;
color: @gray-8;
margin-right: 15px;
}
&__sort-handle {
font-size: 14px;
color: @gray-8;
margin-right: 15px;
}
.list-view-layout__name {
flex: 5;
font-weight: bold;
margin-right: 15px;
display: flex;
align-content: center;
flex-wrap: wrap;
line-height: 1.2em;
}
&__name {
flex: 5;
font-weight: bold;
margin-right: 15px;
display: flex;
align-content: center;
flex-wrap: wrap;
line-height: 1.2em;
}
.list-view-layout__name-text {
margin-right: 3px;
}
.list-view-layout__system {
font-size: 10px;
font-weight: normal;
}
&__name-text {
margin-right: 3px;
}
.list-view-layout__path {
flex: 10;
margin-right: 15px;
}
&__system {
font-size: 10px;
font-weight: normal;
}
.list-view-layout__icon-wrapper {
margin-right: 10px;
}
&__path {
flex: 10;
margin-right: 15px;
}
.list-view-layout__icon {
font-size: 18px;
vertical-align: middle;
border: 1px solid @gray-8;
background: @white;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
&__icon-wrapper {
margin-right: 10px;
}
.list-view-layout__remove {
position: relative;
cursor: pointer;
&__icon {
font-size: 18px;
vertical-align: middle;
border: 1px solid @gray-8;
background: @white;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
&__remove {
position: relative;
cursor: pointer;
}
input[type="text"] {
margin-bottom: 0;
}
}
.list-view-add-layout {