extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-30 12:04:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

[bug] fix group header alignment

Browse Source
This commit is contained in:
zombieFox 2019-11-07 11:16:49 +00:00
parent 6105b378cb
commit d08df1f765
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/css/group.css
View File

@ -26,13 +26,25 @@
.group-header { .group-header {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
transition: padding var(--layout-timing-extra-fast); transition: padding var(--layout-timing-extra-fast);
} }
.is-group-area-alignment-left .group-header {
flex-direction: row;
}
.is-group-area-alignment-center .group-header {
flex-direction: row;
justify-content: center;
}
.is-group-area-alignment-right .group-header {
flex-direction: row-reverse;
justify-content: flex-start;
}
.is-group-name-show .group-header, .is-group-name-show .group-header,
.is-link-edit .group-header { .is-link-edit .group-header {
padding-bottom: calc(var(--layout-space) * var(--layout-gutter)); padding-bottom: calc(var(--layout-space) * var(--layout-gutter));
@ -77,7 +89,6 @@
} }
.is-link-edit .group-control { .is-link-edit .group-control {
margin-right: 1em;
height: 2.5em; height: 2.5em;
width: 16em; width: 16em;
transition: transition:
@ -86,6 +97,15 @@
margin var(--layout-timing-extra-fast) var(--layout-duration-04); margin var(--layout-timing-extra-fast) var(--layout-duration-04);
} }
.is-group-area-alignment-left .group-control,
.is-group-area-alignment-center .group-control {
margin-right: 1em;
}
.is-group-area-alignment-right .group-control {
margin-left: 1em;
}
.group-control-item { .group-control-item {
width: 4em; width: 4em;
flex-shrink: 0; flex-shrink: 0;