1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

fix floating bars

This commit is contained in:
Horst3180 2016-03-10 16:28:57 +01:00
parent 699573a3c7
commit 8aabfd1921
7 changed files with 104 additions and 114 deletions

View File

@ -2476,32 +2476,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2956,20 +2956,18 @@ button.documents-favorite:active:hover {
background-color: rgba(27, 29, 35, 0.95); }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -2475,32 +2475,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2955,20 +2955,18 @@ button.documents-favorite:active:hover {
background-color: rgba(27, 29, 35, 0.95); }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -2476,32 +2476,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2956,20 +2956,18 @@ button.documents-favorite:active:hover {
background-color: #1b1d23; }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -2475,32 +2475,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2955,20 +2955,18 @@ button.documents-favorite:active:hover {
background-color: #1b1d23; }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -2479,32 +2479,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2959,20 +2959,18 @@ button.documents-favorite:active:hover {
background-color: #1b1d23; }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -2479,32 +2479,32 @@ infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
row:selected button, infobar button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
row:selected button:hover, infobar button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@ -2959,20 +2959,18 @@ button.documents-favorite:active:hover {
background-color: rgba(27, 29, 35, 0.95); }
.floating-bar {
padding: 1px;
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
color: #ffffff;
border-radius: 2px 2px 0 0; }
.floating-bar.bottom.left {
border-top-left-radius: 0; }
.floating-bar.bottom.right {
border-top-right-radius: 0; }
.floating-bar button {
background-color: transparent;
box-shadow: none;
border: none; }
border: none;
border-radius: 0;
min-height: 0; }
.marlin-pathbar.pathbar {
border-radius: 3px;

View File

@ -426,18 +426,20 @@ button.documents-favorite:active:hover {
// Floating Bar
//
.floating-bar {
padding: 1px;
background-color: $selected_bg_color;
color: $selected_fg_color;
border-radius: 2px 2px 0 0;
&.top { border-radius: 0 0 2px 2px; }
&.right { border-radius: 2px 0 0 2px; }
&.bottom { border-radius: 2px 2px 0 0; }
&.left { border-radius: 0 2px 2px 0; }
&.bottom.left { border-top-left-radius: 0; }
&.bottom.right { border-top-right-radius: 0; }
button {
background-color: transparent;
box-shadow: none;
border: none;
border-radius: 0;
min-height: 0;
@extend %selected-button;
}
}