Extracted common CSS styles for action button columns in various tables into LESS mixin

.actioncol now sets text align to center, color of contained links to black and disables wrapping on whitespace (thanks to @Renha for that one)
This commit is contained in:
Gina Häußge 2015-01-31 17:10:32 +01:00
parent 8f8b66fbff
commit cc9e495042
2 changed files with 26 additions and 58 deletions

File diff suppressed because one or more lines are too long

View file

@ -46,6 +46,25 @@ body {
}
}
.nowrap {
white-space: nowrap;
}
.actioncol {
text-align: center;
.nowrap;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
}
.navbar-inner-color (@base) {
@top: lighten(@base, 25%);
@bottom: darken(@base, 15%);
@ -203,23 +222,13 @@ table {
// gcode files
&.gcode_files_name {
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
.nowrap;
}
&.gcode_files_action {
text-align: center;
width: 90px;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
.actioncol;
}
// timelapse files
@ -234,18 +243,8 @@ table {
}
&.timelapse_files_action {
text-align: center;
width: 45px;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
.actioncol;
}
// user settings
@ -260,19 +259,8 @@ table {
}
&.settings_users_actions {
white-space: nowrap;
text-align: center;
width: 60px;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
.actioncol;
}
// log files
@ -292,18 +280,8 @@ table {
}
&.settings_logs_action {
text-align: center;
width: 70px;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
.actioncol;
}
// Printer profiles
@ -318,18 +296,8 @@ table {
}
&.settings_printerProfiles_profiles_action {
text-align: center;
width: 80px;
a {
text-decoration: none;
color: #000;
&.disabled {
color: #ccc;
cursor: default;
}
}
.actioncol;
}
}