Merge branch 'variable-table-styles' into 'master'
Used fixed widths and ellipsis for variable table styles Closes #25780 See merge request !10739
This commit is contained in:
commit
85d37c091c
|
@ -929,27 +929,23 @@ pre.light-well {
|
|||
}
|
||||
|
||||
.variable-key {
|
||||
width: 300px;
|
||||
max-width: 300px;
|
||||
max-width: 120px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
|
||||
// override bootstrap
|
||||
white-space: normal!important;
|
||||
|
||||
@media (max-width: $screen-sm-max) {
|
||||
width: 150px;
|
||||
max-width: 150px;
|
||||
}
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.variable-value {
|
||||
@media(max-width: $screen-xs-max) {
|
||||
width: 150px;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.variable-menu {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
%tr
|
||||
%td.variable-key= variable.key
|
||||
%td.variable-value{ "data-value" => variable.value }******
|
||||
%td
|
||||
%td.variable-menu
|
||||
= link_to namespace_project_variable_path(@project.namespace, @project, variable), class: "btn btn-transparent btn-variable-edit" do
|
||||
%span.sr-only
|
||||
Update
|
||||
|
|
Loading…
Reference in New Issue