[PR #333] [MERGED] Styles #1212

Closed
opened 2026-02-26 02:35:50 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/koel/koel/pull/333
Author: @0xcaff
Created: 5/21/2016
Status: Merged
Merged: 5/22/2016
Merged by: @phanan

Base: masterHead: styles


📝 Commits (3)

  • 505397a Changed pos: abs to translateX
  • 9eb3ee9 Changed Slide In/Out Transition
  • d30f7dd Fixed a Bug Which Caused Header Text to Overlap

📊 Changes

4 files changed (+15 additions, -11 deletions)

View changed files

📝 resources/assets/js/components/main-wrapper/extra/index.vue (+7 -6)
📝 resources/assets/js/components/main-wrapper/main-content/index.vue (+1 -0)
📝 resources/assets/js/components/main-wrapper/sidebar/index.vue (+6 -5)
📝 resources/assets/sass/partials/_vars.scss (+1 -0)

📄 Description

The commit messages should explain everything. I removed all the left and right properties which were being animated with transitions. This improves performance and I replaced them with translateX. Also, changed transitions to look more natural and fixed overlapping text on my tablet. Also, added some padding under the search box in mobile and tablet mode to prevent it from covering information.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/koel/koel/pull/333 **Author:** [@0xcaff](https://github.com/0xcaff) **Created:** 5/21/2016 **Status:** ✅ Merged **Merged:** 5/22/2016 **Merged by:** [@phanan](https://github.com/phanan) **Base:** `master` ← **Head:** `styles` --- ### 📝 Commits (3) - [`505397a`](https://github.com/koel/koel/commit/505397aa2b1746ce3f5c0df6af13e2c3edb7efcf) Changed pos: abs to translateX - [`9eb3ee9`](https://github.com/koel/koel/commit/9eb3ee9dc2430a688892cc296dc0b04e35b30e7a) Changed Slide In/Out Transition - [`d30f7dd`](https://github.com/koel/koel/commit/d30f7dd7fc8300c3e50b404273f86b6b9c158443) Fixed a Bug Which Caused Header Text to Overlap ### 📊 Changes **4 files changed** (+15 additions, -11 deletions) <details> <summary>View changed files</summary> 📝 `resources/assets/js/components/main-wrapper/extra/index.vue` (+7 -6) 📝 `resources/assets/js/components/main-wrapper/main-content/index.vue` (+1 -0) 📝 `resources/assets/js/components/main-wrapper/sidebar/index.vue` (+6 -5) 📝 `resources/assets/sass/partials/_vars.scss` (+1 -0) </details> ### 📄 Description The commit messages should explain everything. I removed all the `left` and `right` properties which were being animated with transitions. This improves performance and I replaced them with `translateX`. Also, changed transitions to look more natural and fixed overlapping text on my tablet. Also, added some padding under the search box in mobile and tablet mode to prevent it from covering information. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-02-26 02:35:50 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/koel-koel#1212
No description provided.