-
Notifications
You must be signed in to change notification settings - Fork 310
Archive boards #133
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Archive boards #133
Changes from all commits
8c04ea8
90eb9ce
247b4dd
2c63bfb
f7b69d9
06e41f5
f5dc4ac
c758637
57f74c9
19a9080
4623688
3062c82
727a335
034ac5e
68b2025
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -65,6 +65,14 @@ button.button-inline:hover { | |
| * Navigation sidebar | ||
| */ | ||
|
|
||
| .app-navigation-entry-menu ul { | ||
| flex-direction: row; | ||
| } | ||
|
|
||
| .app-navigation-entry-utils-menu-button { | ||
| display: block !important; | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I think this can safely be deleted
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 👍 |
||
| } | ||
|
|
||
| .app-navigation-entry-utils-menu-share { | ||
| display: flex !important; | ||
| padding: 14px; | ||
|
|
@@ -318,9 +326,9 @@ button.button-inline:hover { | |
| .popovermenu { | ||
| z-index: 999; | ||
| opacity: 1; | ||
| margin-top: 25px; | ||
| margin-right: 3px; | ||
| display: block; | ||
| margin-top: 25px; | ||
| margin-right: 0px; | ||
| } | ||
|
|
||
| .popovermenu.hidden { | ||
|
|
@@ -614,23 +622,30 @@ button.button-inline:hover { | |
|
|
||
| .colorselect { | ||
| overflow: hidden; | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Is there a case where this container overflows?
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. no, i think that is a leftover from using floats before using flexbox with this PR. |
||
| clear: both; | ||
| padding-top: 4px; | ||
| padding-left: 4px; | ||
| border-radius:3px; | ||
| flex-direction: row; | ||
| min-width: 240px; | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. can it be larger anyway? Maybe Edit: It can, in the table. However, the question then is should it really grow? Setting a fixed width at 240px and removing
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
| height: 34px; | ||
| display: flex; | ||
| margin: 3px 3px 3px 0; | ||
| } | ||
|
|
||
| .colorselect .color { | ||
| opacity: 0.7; | ||
| width: 27px; | ||
| height: 27px; | ||
| float: left; | ||
| margin-right: 2px; | ||
| height: 100%; | ||
| flex-grow: 1; | ||
| border: none; | ||
| } | ||
|
|
||
| .colorselect .selected { | ||
| background-image: url(../../../core/img/actions/checkmark.svg); | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. It owuld be better to move his to a new class P.S. do we need
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. /core/ will not work on setups where nextcloud is running inside of a subdirectory, so the ../../../ are needed.
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. but classes like icon-selected and icon-selected-dark makes sense. |
||
| background-position: center center; | ||
| background-repeat: no-repeat; | ||
| opacity: 1.0; | ||
| border: 1px solid #333333; | ||
| } | ||
|
|
||
| .colorselect .dark.selected { | ||
| background-image: url(../../../core/img/actions/checkmark-white.svg); | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. same as above |
||
| } | ||
|
|
||
| .labels .colorselect { | ||
|
|
@@ -662,6 +677,16 @@ button.button-inline:hover { | |
| cursor: pointer; | ||
| display: block; | ||
| } | ||
| #boardlist .app-popover-menu-utils { | ||
| width: 30px; | ||
| display: inline; | ||
| position: relative; | ||
| } | ||
|
|
||
| .popovermenu ul { | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This style already exists in core css that is served alongside, so perhaps it;s not needed?
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 👍 But i need to check that. |
||
| display: flex !important; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| #boardlist td { | ||
| padding: 10px; | ||
|
|
@@ -680,15 +705,34 @@ button.button-inline:hover { | |
|
|
||
| .cell-board-title { | ||
| width: 50%; | ||
| } | ||
|
|
||
| #boardlist tr.deleted td * { | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. why not just change the opacity of the whole row with
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. It will also change the opacity of the border that separates the lines, that looked a bit odd. 😉 |
||
| opacity: 0.5; | ||
| } | ||
|
|
||
| #boardlist .colorselect, | ||
| #boardlist input { | ||
| float: left; | ||
| #boardlist td form { | ||
| display: flex; | ||
| width: 100%; | ||
| } | ||
|
|
||
| #boardlist td .colorselect { | ||
| flex-grow: 1; | ||
| } | ||
|
|
||
| #boardlist .colorselect { | ||
| #boardlist td input[type=text] { | ||
| flex-grow: 2; | ||
| } | ||
|
|
||
| #boardlist td input[type=submit] { | ||
| width: 32px; | ||
| } | ||
|
|
||
| #boardlist td .app-popover-menu-utils { | ||
| float: right; | ||
| } | ||
|
|
||
| #boardlist .popovermenu { | ||
| margin-top: 5px; | ||
| } | ||
|
|
||
|
|
@@ -925,6 +969,10 @@ button.button-inline:hover { | |
| * Custom icons | ||
| */ | ||
|
|
||
| .icon-deck { | ||
| background-image: url(../img/deck.svg); | ||
| } | ||
|
|
||
| .icon-group { | ||
| background-image: url('../../../settings/img/users.svg'); | ||
| } | ||
|
|
||

There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
According to @jancborchardt icons should be stacked vertically (with a label next to them):
#121 (comment)