|
137 | 137 | </div> |
138 | 138 |
|
139 | 139 | <!-- Taggings Section --> |
140 | | - <div id="<%= "delete_tag_#{@tag.id}" %>"> |
| 140 | + <div> |
141 | 141 | <%= render "taggings" %> |
142 | 142 | </div> |
143 | 143 |
|
|
150 | 150 | <span>Back to Tags</span> |
151 | 151 | <% end %> |
152 | 152 |
|
153 | | - <div style="display: flex; gap: 0.75rem;"> |
| 153 | + <div style="display: flex; gap: 0.75rem; align-items: center;"> |
154 | 154 | <%= link_to edit_tag_path(@tag), style: "background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); color: white; padding: 0.875rem 1.75rem; border-radius: 0.75rem; text-decoration: none; font-weight: 600; font-size: 0.875rem; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.2s;", data: { turbo: false } do %> |
155 | 155 | <svg style="width: 1.125rem; height: 1.125rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
156 | 156 | <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path> |
157 | 157 | </svg> |
158 | 158 | <span>Edit</span> |
159 | 159 | <% end %> |
160 | 160 |
|
161 | | - <%= button_to @tag, method: :delete, data: { confirm: "Are you sure you want to delete this tag? This action cannot be undone." }, style: "background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); color: white; padding: 0.875rem 1.75rem; border-radius: 0.75rem; border: none; font-weight: 600; font-size: 0.875rem; display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; transition: all 0.2s;" do %> |
162 | | - <svg style="width: 1.125rem; height: 1.125rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
163 | | - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path> |
164 | | - </svg> |
165 | | - <span>Delete Tag</span> |
166 | | - <% end %> |
| 161 | + <div id="<%= "delete_tag_#{@tag.id}" %>" style="display: inline-flex;"> |
| 162 | + <%= button_to @tag, method: :delete, class: "delete-tag-button" do %> |
| 163 | + <svg style="width: 1.125rem; height: 1.125rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |
| 164 | + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path> |
| 165 | + </svg> |
| 166 | + <span>Delete this tag</span> |
| 167 | + <% end %> |
| 168 | + </div> |
167 | 169 | </div> |
168 | 170 | </div> |
169 | 171 | </div> |
|
183 | 185 | box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.4), 0 10px 10px -5px rgba(59, 130, 246, 0.1) !important; |
184 | 186 | } |
185 | 187 |
|
186 | | - button[style*="background: linear-gradient(135deg, #dc2626"]:hover { |
| 188 | + .delete-tag-button { |
| 189 | + background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); |
| 190 | + color: white; |
| 191 | + padding: 0.875rem 1.75rem; |
| 192 | + border-radius: 0.75rem; |
| 193 | + border: none; |
| 194 | + font-weight: 600; |
| 195 | + font-size: 0.875rem; |
| 196 | + display: inline-flex; |
| 197 | + align-items: center; |
| 198 | + gap: 0.5rem; |
| 199 | + cursor: pointer; |
| 200 | + transition: all 0.2s; |
| 201 | + } |
| 202 | + |
| 203 | + .delete-tag-button:hover { |
187 | 204 | box-shadow: 0 20px 25px -5px rgba(220, 38, 38, 0.4), 0 10px 10px -5px rgba(220, 38, 38, 0.1) !important; |
188 | 205 | } |
| 206 | + |
| 207 | + .cancel-delete-link { |
| 208 | + background: #f3f4f6; |
| 209 | + color: #374151; |
| 210 | + padding: 0.875rem 1.75rem; |
| 211 | + border-radius: 0.75rem; |
| 212 | + font-weight: 600; |
| 213 | + font-size: 0.875rem; |
| 214 | + display: inline-flex; |
| 215 | + align-items: center; |
| 216 | + gap: 0.5rem; |
| 217 | + text-decoration: none; |
| 218 | + transition: all 0.2s; |
| 219 | + } |
| 220 | + |
| 221 | + .cancel-delete-link:hover { |
| 222 | + background: #e5e7eb; |
| 223 | + color: #111827; |
| 224 | + } |
189 | 225 |
|
190 | 226 | /* Cognate link hover effects */ |
191 | 227 | a[style*="background: linear-gradient(135deg, #10b981"]:hover { |
|
0 commit comments