test/cuba
1
0
Fork 0
mirror of https://gitee.com/jmix/cuba.git synced 2024-12-03 19:57:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Splitpanel dock button for Halo #PL-5206

Browse Source
This commit is contained in:
Gleb Gorelov 2015-04-09 09:06:50 +00:00
parent 22cfd92c4a
commit 10ffa30e79
2 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
modules/web/themes/halo/app/app-window.scss
View File

@ -105,4 +105,11 @@
.cuba-app-icon {
height: 24px;
}
// Padding for main tabsheet content
.cuba-splitpanel-dockable-right > div > div.v-splitpanel-second-container .cuba-app-tabbed-window.v-margin-left,
.cuba-splitpanel-dockable-left > div > div.v-splitpanel-second-container .cuba-app-tabbed-window.v-margin-left {
padding-left: 12px;
}
}

41
modules/web/themes/halo/components/splitpanel/splitpanel.scss
View File

@ -19,4 +19,45 @@ $cuba-splitpanel-splitter-width: 3px !default;
.#{$primary-stylename}-horizontal > div > .#{$primary-stylename}-second-container {
margin-left: $cuba-splitpanel-splitter-width;
}
$border-color: first-color(valo-border($strength: 1.2));
$border-width: first-number($v-border);
$border-radius: $v-border-radius;
$button-color: valo-font-color($v-app-background-color, .5);
$border-right-color: $v-app-background-color;
$border-left-color: $v-panel-background-color;
.cuba-splitpanel-dock-button {
cursor: pointer;
width: 10px;
background: transparent;
border: $border-width solid $border-color;
font-family: FontAwesome;
color: $button-color;
font-size: 12px;
text-align: center;
padding-top: round($v-unit-size/3);
padding-bottom: round($v-unit-size/3);
display: inline-block;
}
.cuba-splitpanel-dock-button-left {
border-right-color: $border-left-color;
margin-left: -2px;
border-radius: $border-radius 0 0 $border-radius;
}
.cuba-splitpanel-dock-button-right {
border-left-color: $border-right-color;
margin-left: 2px;
border-radius: 0 $border-radius $border-radius 0;
}
.cuba-splitpanel-dock-button-left:after {
content: "\f053";
}
.cuba-splitpanel-dock-button-right:after {
content: "\f054";
}
}