purpleraft/PurpleMine2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introduce styles for Redmine People plugin

Browse Source 
- enhance styles for activities list
- reorganize styles for issue page
This commit is contained in:
mrliptontea
2015-03-13 14:13:13 +01:00
parent 160b457355
commit 9a8eadc310
6 changed files with 292 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -28,7 +28,7 @@ Then go to Redmine > Administration > Settings > Display and select PurpleMine2
This theme also features a new look for [Redmine Backlogs][redmine_backlogs] plugin. To install it, simply copy stylesheets from `PurpleMine2/plugins/redmine_backlogs` and overwrite files in `{redmine}/plugins/redmine_backlogs/assets/stylesheets` and restart Redmine.
Also, [Redmine Time Tracker][redmine_time_tracker] plugin should look nice with PurpleMine.
Also, [Redmine Time Tracker][redmine_time_tracker] and [Redmine People][redmine_crm_people] plugins should look nice with PurpleMine.
## How to customize it
@@ -60,6 +60,8 @@ Latest (master):
+ Improved revision page layout and added Font Awesome icons
+ Improved file content view
* Fixed #1: Font Awesome icons will no longer break plugins' icons
+ Introduced styles for [People][redmine_crm_people] plugin
* Enhanced styles for activities list
v1.2.0 (2015-03-03):
@@ -103,4 +105,5 @@ Initial version
[normalize.css]: https://github.com/necolas/normalize.css
[bootstrap-sass]: https://github.com/twbs/bootstrap-sass
[redmine_backlogs]: https://github.com/backlogs/redmine_backlogs
[redmine_time_tracker]: https://github.com/hicknhack-software/redmine_time_tracker
[redmine_time_tracker]: https://github.com/hicknhack-software/redmine_time_tracker
[redmine_crm_people]: http://www.redminecrm.com/projects/people/

6
src/sass/components/_icons.scss
View File

@@ -118,6 +118,12 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
.icon-zoom-out:before { content: $fa-var-search-minus; }
.icon-passwd:before { content: $fa-var-key; }
.icon-test:before { content: $fa-var-arrow-circle-right; }
.icon-phone:before { content: $fa-var-phone; }
.icon-email:before { content: $fa-var-envelope; }
.icon-skype:before { content: $fa-var-skype; }
.icon-facebook:before { content: $fa-var-facebook-square; }
.icon-linkedin:before { content: $fa-var-linkedin-square; }
.icon-twitter:before { content: $fa-var-twitter-square; }
}
@else
{

278
src/sass/components/_issue.scss
View File

@@ -2,82 +2,154 @@
// Issue page
// --------------------------------------------------
.issue.details {
margin-bottom: $line-height-computed;
padding: $issue-padding;
border: 1px solid $issue-border;
border-radius: $border-radius-base;
background-color: $issue-bg;
color: $issue-text;
word-wrap: break-word;
@if $use-gravatars
{
> img.gravatar {
width: $issue-gravatar-size;
height: $issue-gravatar-size;
margin-right: 10px;
margin-bottom: $line-height-computed / 2;
float: left;
}
table img.gravatar {
position: relative;
top: -3px;
margin-right: 5px;
}
> .subject,
> .author {
padding-left: $issue-gravatar-size + 10px;
}
}
&.assigned-to-me {
.assigned-to .user {
font-weight: bold;
}
}
> .subject {
h3 {
margin-bottom: .3em;
color: $gray-darkest;
font-size: $issue-heading-size * 1em;
font-weight: bold;
line-height: 1.2;
}
p {
margin-bottom: 5px;
font-size: $font-size-small;
}
}
> .author {
.issue {
&.details {
margin-bottom: $line-height-computed;
}
padding: $issue-padding;
border: 1px solid $issue-border;
border-radius: $border-radius-base;
background-color: $issue-bg;
color: $issue-text;
word-wrap: break-word;
> hr {
margin: $issue-padding (-$issue-padding);
border-top-color: $issue-border;
}
@if $use-gravatars
{
> img.gravatar {
width: $issue-gravatar-size;
height: $issue-gravatar-size;
margin-right: 10px;
margin-bottom: $line-height-computed / 2;
float: left;
}
> .description {
> p {
margin-bottom: $issue-padding;
table img.gravatar {
position: relative;
top: -3px;
margin-right: 5px;
}
> .subject,
> .author {
padding-left: $issue-gravatar-size + 10px;
}
}
> .wiki {
margin: 0 (-$issue-padding) (-$issue-padding);
padding: $padding-wiki;
border-top: 1px solid $issue-border;
background: $body-bg;
&.assigned-to-me {
.assigned-to .user {
font-weight: bold;
}
}
> .subject {
h3 {
margin-bottom: .3em;
color: $gray-darkest;
font-size: $issue-heading-size * 1em;
font-weight: bold;
line-height: 1.2;
}
p {
margin-bottom: 5px;
font-size: $font-size-small;
}
}
> .author {
margin-bottom: $line-height-computed;
}
> hr {
margin: $issue-padding (-$issue-padding);
border-top-color: $issue-border;
}
> .description {
> p {
margin-bottom: $issue-padding;
}
> .wiki {
margin: 0 (-$issue-padding) (-$issue-padding);
padding: $padding-wiki;
border-top: 1px solid $issue-border;
background: $body-bg;
}
}
.next-prev-links {
color: $gray-light;
}
}
.next-prev-links {
color: $gray-light;
.attributes {
width: 100%;
th,
td {
padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0;
text-align: left;
vertical-align: top;
}
> tbody > tr {
th {
font-weight: normal;
}
td {
color: $gray-darkest;
}
}
@media screen and (min-width: $screen-md-min) {
> tbody > tr {
> th,
> td {
width: 25%;
}
}
}
@media screen and (min-width: $screen-lg-min) {
width: auto;
> tbody > tr {
> th {
width: 14em;
}
> td {
width: auto;
min-width: 16em;
}
}
}
}
@if $color-status {
.attributes td.status {
display: inline-block;
width: auto;
min-width: 1em;
margin-top: $issue-attribute-padding-v;
padding: 1px $table-cell-padding;
border-radius: $border-radius-base;
background-color: $brand-primary;
color: $brand-text;
font-size: $font-size-small;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
&.status-1 .attributes td.status {
background-color: $brand-info;
}
&.closed .attributes td.status {
background-color: $brand-danger;
}
}
}
@@ -181,76 +253,6 @@ div.thumbnails {
}
}
table.attributes {
width: 100%;
th,
td {
padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0;
text-align: left;
vertical-align: top;
}
> tbody > tr {
th {
font-weight: normal;
}
td {
color: $gray-darkest;
}
}
@media screen and (min-width: $screen-md-min) {
> tbody > tr {
> th,
> td {
width: 25%;
}
}
}
@media screen and (min-width: $screen-lg-min) {
width: auto;
> tbody > tr {
> th {
width: 14em;
}
> td {
width: auto;
min-width: 16em;
}
}
}
}
@if $color-status {
.attributes td.status {
display: inline-block;
width: auto;
min-width: 1em;
margin-top: $issue-attribute-padding-v;
padding: 1px $table-cell-padding;
border-radius: $border-radius-base;
background-color: $brand-primary;
color: $brand-text;
font-size: $font-size-small;
font-weight: bold;
text-align: center;
text-transform: uppercase;
.status-1 & {
background-color: $brand-info;
}
.closed & {
background-color: $brand-danger;
}
}
}
#new-relation-form {
text-align: right;

125
src/sass/components/_plugins.scss
View File

@@ -70,3 +70,128 @@
display: none;
}
}
//
// Redmine CRM People
// --------------------------------------------------
#content {
.person.details {
margin-bottom: $line-height-computed;
padding: $issue-padding;
border: 1px solid $issue-border;
border-radius: $border-radius-base;
background-color: $issue-bg;
.avatar {
width: 64px;
max-width: 64px;
overflow: hidden;
}
.name,
.subject_info {
padding: 0 0 0 $issue-padding;
}
.name {
> h1 {
margin-bottom: 5px;
}
> p {
margin-bottom: 0;
}
}
.subject_info {
border-left: 1px solid $issue-border;
> ul {
margin: 0;
}
}
@if $use-font-awesome {
.icon {
background-image: none;
}
}
}
.department.issue.details {
> p {
clear: both;
}
> .author {
margin-bottom: 0;
clear: none;
}
}
}
#sidebar {
.person.attributes {
font-size: $font-size-list;
th,
td {
padding: $table-condensed-cell-padding;
text-align: left;
vertical-align: top;
}
.icon {
padding-left: $table-condensed-cell-padding + 20px;
background-position: $table-condensed-cell-padding $table-condensed-cell-padding;
}
@if $use-font-awesome {
.icon {
background-image: none;
> a {
@extend %fa-icon;
}
}
}
.email {
td a {
display: block;
max-width: floor($sidebar-width / 3);
text-overflow: ellipsis;
overflow: hidden;
&:hover {
position: absolute;
max-width: 100%;
margin: -$table-condensed-cell-padding;
padding: $table-condensed-cell-padding;
background: $body-bg;
box-shadow: $panel-shadow;
}
}
}
}
.person_data {
td.avatar,
td.name {
padding: 0 0 $table-cell-padding;
}
td.avatar {
width: 40px;
}
td.name {
h4 {
margin: 0;
letter-spacing: 0;
}
}
}
}

17
src/sass/components/_simple-list.scss
View File

@@ -4,11 +4,11 @@
#search-results,
div#activity dl {
#activity dl {
margin-left: $padding-side;
}
div#activity,
#activity,
#search-results {
dd {
margin-bottom: $line-height-computed;
@@ -33,7 +33,16 @@ div#activity,
}
}
div#activity {
#activity {
h3,
h4 {
margin: 0 0 $line-height-computed;
padding-bottom: .2em;
border-bottom: 1px dotted $gray-lighter;
font-size: $font-size-h4;
font-weight: normal;
}
dt {
&.me .time {
border-bottom: 1px solid $gray-lighter;
@@ -54,7 +63,7 @@ div#activity {
}
}
div#search-results-counts {
#search-results-counts {
float: right;
ul {

6
stylesheets/application.css
View File

File diff suppressed because one or more lines are too long