Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Repeater select bg color 56 #59

Closed
wants to merge 12 commits into from
6 changes: 5 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,8 @@ bower_components
validation-status.json

# Editors / IDEs
.idea
.idea

#Dist files

dist/**
2 changes: 1 addition & 1 deletion less/fuelux/datepicker.less
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@

&.selected {
button, button:hover {
background: #85c6e4;
background: @blue-light;
border: none;
-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
Expand Down
16 changes: 16 additions & 0 deletions less/fuelux/repeater-list.less
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
thead, tbody {
tr {
box-shadow: none;
background:#f00;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is this red?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Crap. It was me testing to make sure I was getting the correct selectors. I thought I had taken it out... :/
Let me fix and resubmit. Sorry about that.


&.selected {
td:first-child {
Expand Down Expand Up @@ -96,5 +97,20 @@
&-check {
float: left;
}

&-items {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Where is .repeater-items?

tr {
&.selected {
background:@blue-light;
color:@brand-info-dark;
&:hover {
background:@brand-primary-medium-light;
}
&:focus {
outline: 1px dotted #66afe9;
}
}
}
}
}
}
17 changes: 15 additions & 2 deletions less/fuelux/repeater-thumbnail.less
Original file line number Diff line number Diff line change
@@ -1,3 +1,16 @@
.repeater-thumbnail {

.repeater[data-currentview="thumbnail"] {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should probably change this to "starts with." We will have lists named "list.view1" and "lists.details" or similar in the future.

Like this: .repeater[data-currentview^="thumbnail"]
Same goes for list: .repeater[data-currentview^="listl"]

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok, I'll add those in and am going to squash the commits for easier viewing.

.repeater-thumbnail-cont {
.thumbnail {
&.selected {
background:@blue-light;
color:@brand-info-dark;
&:hover {
background:@brand-primary-medium-light;
}
&:focus {
outline: 1px dotted #66afe9;
}
}
}
}
}
2 changes: 1 addition & 1 deletion less/variables.less
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
@brand-danger-medium: #EE6767;
@brand-danger-light: #FCECED;

@blue-light: #b9dff1;
@blue-light: #d9eaf5;

//== Scaffolding
//
Expand Down