Skip to content

Commit

Permalink
Merge pull request #5554 from avalonmediasystem/copy-playlist-text-fix
Browse files Browse the repository at this point in the history
Fix copy playlist modal text size, align playlist show page content
  • Loading branch information
Dananji authored Jan 9, 2024
2 parents 48463c8 + e34f8fb commit d2f226d
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 5 deletions.
8 changes: 6 additions & 2 deletions app/assets/stylesheets/avalon/_playlists.scss
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@
}

.playlist-title {
margin: 20px 0 10px;
display: flex;
align-items: center;

Expand All @@ -36,10 +35,15 @@
// Assuming this span is an icon
span {
font-size: 2rem;
padding: 0 1rem;
padding: 0 1rem 0 0;
}
}

.playlist-title-wrapper {
width: 100%;
margin: 20px 0 10px;
}

.playlist-action-button-row.col-sm-4 {
padding-left: 0.75rem;
padding-right:0px;
Expand Down
6 changes: 3 additions & 3 deletions app/views/playlists/show.html.erb
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ Unless required by applicable law or agreed to in writing, software distributed
<% @page_title = t('media_objects.show.title', :media_object_title => @playlist.title, :application_name => application_name) %>

<div class="playlist-view-wrapper row">
<div class="page-title-wrapper playlist-title col-sm-12">
<div class="col-sm-8">
<div class="page-title-wrapper playlist-title-wrapper row">
<div class=" playlist-title col-sm-8 pl-0">
<%= icon_only_visibility @playlist.visibility %>
<h1 class="page-title"><%= @playlist.title %></h1>
</div>
Expand All @@ -27,7 +27,7 @@ Unless required by applicable law or agreed to in writing, software distributed
</div>
</div>

<div class="col-sm-12">
<div class="col-sm-12 px-0">
<%= react_component("PlaylistRamp",
{
base_url: request.protocol+request.host_with_port,
Expand Down

0 comments on commit d2f226d

Please sign in to comment.