Repository navigation
TUI renders blank when project has node_modules without .gitignore exclusion #27072
Closed as not planned
Description
Environment
- opencode: v1.14.48
- OS: macOS 15.4.1 (Build 24E263), Apple Silicon (arm64)
- Terminal: Ghostty 1.3.2 / Terminal.app / iTerm2 (all affected)
- Shell: zsh 5.9
- Install method: npm (
npm i -g opencode-ai)
Problem
When running opencode in a project directory that contains node_modules (or other large generated directories) without a .gitignore excluding them, the TUI renders blank. The file.watcher scans all files recursively, triggering ENAMETOOLONG errors that crash the TUI.
Root Cause
The file.watcher's default ignore list is hardcoded to only [".git", ".DS_Store"]. It does NOT include node_modules or other common generated directories. When the project lacks a .gitignore file (or .gitignore doesn't exclude node_modules), the watcher attempts to scan all files, triggering errors that prevent TUI rendering.
Reproduction
- Create a project:
mkdir test && cd test && git init - Add
node_modules:mkdir -p node_modules/pkg && echo "test" > node_modules/pkg/index.js - Run
opencode→ blank TUI - Add
.gitignore:echo "node_modules/" > .gitignore - Run
opencode→ TUI renders correctly
Log Evidence (without .gitignore)
INFO service=file.watcher directory=/path/to/project init
ERROR service=default e=ENAMETOOLONG: name too long, open rejection (x3)
INFO service=default worker shutting down (user quit - blank screen)
Log Evidence (with .gitignore)
INFO service=file.watcher directory=/path/to/project init
(no ENAMETOOLONG errors)
(TUI renders successfully)
Suggested Fix
- Add
node_modulesto the default ignore list alongside.gitand.DS_Store - Consider adding other common generated directories:
.venv,__pycache__,dist,build,.next,.cache - Handle
ENAMETOOLONGgracefully — don't let file scanning errors crash the entire TUI
Metadata
Metadata
Assignees
Labels
No labels
Activity
github-actions commentedon May 12, 2026
This issue might be a duplicate of existing issues. Please check:
ENAMETOOLONGerrors, same blank TUI symptom, same root cause (file.watcher scanning too many files without proper ignoring). The only difference is the large directory triggering it (~/Libraryvsnode_modules)..gitignoreexclusion — same root cause and same workaround (requires.git+.gitignoreto resolve).fayezawad commentedon May 13, 2026
/*# sourceURL=wp-emoji-styles-inline-css */
<style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--medium-blue: #175CFF;--wp--preset--color--deep-navyblue: #0A083B;--wp--preset--color--off-white: #F7F9FA;--wp--preset--color--bluish-dark-grey: #57586E;--wp--preset--color--light-grey: #EAF1F8;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--normal-plus: 18px;--wp--preset--font-size--medium-plus: 26px;--wp--preset--font-size--big: 32px;--wp--preset--font-size--huge: 48px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ </style> <style id='tutor-frontend-inline-css' type='text/css'> .mce-notification.mce-notification-error{display: none !important;} :root{--tutor-color-primary:#06605e;--tutor-color-primary-rgb:6, 96, 94;--tutor-color-primary-hover:#91dad8;--tutor-color-primary-hover-rgb:145, 218, 216;--tutor-body-color:#000000;--tutor-body-color-rgb:0, 0, 0;--tutor-border-color:#000000;--tutor-border-color-rgb:0, 0, 0;--tutor-color-gray:#ff0000;--tutor-color-gray-rgb:255, 0, 0;} /*# sourceURL=tutor-frontend-inline-css */ </style> <style id='main-inline-css' type='text/css'></style>
/*# sourceURL=main-inline-css */
<script type="text/javascript" src="https://sharh.qm.edu.sa/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://sharh.qm.edu.sa/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="tutor-reset-script-js-after"> /* span:last-child'); if (errorTextSpan && errorTextSpan.textContent.includes('اسم المستخدم أو عنوان البريد الإلكتروني غير صحيح')) { return true; } } return false; } function updateButtonAndMessage() { const currentLoginValue = userLoginInput.value; const timerStorageKey = getTimerStorageKey(currentLoginValue); let lastTryTimestamp = timerStorageKey ? localStorage.getItem(timerStorageKey) : null; if (countdownInterval) { clearInterval(countdownInterval); countdownInterval = null; } if (lastTryTimestamp) { const timePassed = Date.now() - parseInt(lastTryTimestamp, 10); if (timePassed < fiveMinutesInMs) { submitButton.disabled = true; let timeLeftMs = fiveMinutesInMs - timePassed; function displayCountdown() { const currentSecondsLeft = Math.ceil(timeLeftMs / 1000); messageDiv.innerHTML = `</style>
//# sourceURL=tutor-reset-script-js-after
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-5NTRTZD9" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; //# sourceURL=google_gtagjs-js-after /* ]]> */ </script> <script type="text/javascript" src="https://sharh.qm.edu.sa/wp-content/plugins/tutor-lms-elementor-addons/assets/js/slick.min.js?ver=3.0.0" id="etlms-slick-library-js"></script> <script type="text/javascript" id="tutor-elementor-js-js-extra"> /* */ </script> <script type="text/javascript" id="tutor-elementor-js-js-before"> /* */ </script> <script type="text/javascript" src="https://sharh.qm.edu.sa/wp-content/plugins/tutor-lms-elementor-addons/assets/js/tutor-elementor.js?ver=3.0.0" id="tutor-elementor-js-js"></script> <style> .student-progress-indicator { background: #28a745; color: white; padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: bold; }/* ]]> */
</script>
/* Reset styles for all paragraph elements within classes starting with 'elementor-' */
[class^="elementor-"] p {
color: unset;
font-size: unset;
font-weight: unset;
text-transform: unset;
line-height: unset;
}
/* Ensure container within specific Elementor element spans full width */
.elementor-287 .elementor-element.elementor-element-d67d62b > .elementor-container {
max-width: 100%;
}
/* Center align the last container in the footer and remove padding */
footer#colophon .container:last-of-type {
display: flex;
justify-content: center;
padding: 0;
}
/* Adjust padding for specific div within section #block-6 */
section#block-6 div {
padding-right: 32px;
}
/* Responsive styles for screen widths below 992px /
@media (max-width: 992px) {
/ Center-align text for footer widgets */
section.footer-widgets {
text-align: center;
}
}
/* Responsive styles for screen widths below 767px /
@media (max-width: 767px) {
/ Add bottom padding for specific Elementor widgets */
.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container,
.e-con > .elementor-widget > .elementor-widget-container {
padding-bottom: 80px;
}
}
/* Adjust top padding for section #block-6 */
section#block-6 {
padding-top: 4px;
}
/* Adjust margins for navigation menu items */
.navbar-nav > .menu-item {
margin-right: 30px;
}
/* Adjust padding for footer menu on larger screens */
@media (min-width: 992px) {
ul#menu-footer-1 {
padding-right: 32px;
}
}
/* Align password strength checker fields to the right */
.tutor-password-strength-checker .tutor-password-field {
text-align: right;
}
/* Adjust position of show/hide password button */
.tutor-password-strength-checker .show-hide-btn {
left: 3px;
right: auto;
}
/* Adjust icon position in reversed form layouts */
.tutor-form-icon-reverse {
right: auto;
left: 0;
}
/* Add background color for non-home pages with transparent header */
body:not(.home) header.header-transparent {
background: #5595aa;
position: static;
background: url(https://test.a-alqasim.com/wp-content/uploads/2025/02/خلفية2.jpg);
background-position-x: center;
background-position-y: bottom;
}
/* Remove margin for a specific menu item on larger screens */
@media (min-width: 992px) {
li#menu-item-8558 {
margin-right: 0;
}
}
/* Add transition effect to a 'Get Started' button */
header.header-transparent .navbar .navbar-utils a.btn-getstarted {
transition: all 0.3s;
}
/* Change background color on hover for 'Get Started' button */
header.header-transparent .navbar .navbar-utils a.btn-getstarted:hover {
background: #5595aa;
}
/* Adjust margin for copyright text in footer */
.footer-bottom-container span.copyright {
margin-left: 0px;
}
/* Hide site info section in footer */
.site-info {
display: none;
}
/* Add padding to the footer */
footer#colophon {
padding: 20px;
}
/* Adjust header layout for smaller screens */
@media (max-width: 991px) {
header.header-transparent .navbar.navbar-left .navbar-brand {
grid-area: col1;
justify-self: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
button.navbar-toggler {
padding: 0;
margin: 0;
grid-area: col2;
}
}
/* Style for large footer area */
section.footer-widgets {
background:none;
color: #FFFFFF;
padding: 20px 20px 0px;
position: relative;
}
/* Style for footer widget titles */
section.footer-widgets h2.widget-title {
color: #ffffff;
font-size: 18px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
}
/* Style for footer widget menus */
section.footer-widgets ul.menu {
list-style: none;
padding: 0;
margin: 0;
}
/* Style for footer widget menu items */
section.footer-widgets ul.menu li {
margin-bottom: 10px;
}
/* Style for footer widget links */
section.footer-widgets ul.menu li a {
color: #ffffff;
text-decoration: none;
font-size: 16px;
transition: color 0.3s ease;
}
/* Add hover effect for footer widget links */
section.footer-widgets ul.menu li a:hover {
text-decoration: underline;
}
/* Style for icons in footer widgets */
section.footer-widgets a i {
margin-right: 10px;
transition: transform 0.3s ease, color 0.3s ease;
}
/* Add hover effect for footer widget icons */
section.footer-widgets a:hover i {
transform: scale(1.2);
color: #7fa9bb;
}
/* Add decorative SVG wave below large footer */
section.footer-widgets::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: none;
background-size: cover;
display:none;
}
/* Style for small footer area */
.site-footer {
background: none;
color: #ffffff;
text-align: center;
padding: 20px 10px;
font-size: 14px;
}
/* Fix horizontal scrolling issues on mobile */
html, body {
overflow-x: hidden;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
/* Ensure full-width layout on mobile /
@media screen and (max-width: 768px) {
.container, .site, .site-content, .container-fluid, main, .main-content {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.row {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
[class="col-"] {
padding-left: 20px !important;
padding-right: 20px !important;
}
img, video, iframe, table {
max-width: 100% !important;
height: auto !important;
}
}
/* Adjust nationality input model */
span.select2-container .select2-selection__clear {
display: none !important;
}
/* Adjust width of select2 dropdowns */
span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
width: 100% !important;
}
/* Prevent flex-wrap for specific flexbox containers */
.e-con.e-flex > .e-con-inner {
flex-wrap: nowrap;
}
/* Remove bottom padding for footer container */
section.footer-widgets .container {
padding-bottom: 0;
}
/* Adjust rotation for sidebar toggle icons */
.tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-course-topics-sidebar-toggler .tutor-icon-left {
transform: rotate(360deg);
}
/* Reverse rotation for left icons */
span.tutor-icon-left {
transform: rotate(180deg);
}
/* Adjust padding for specific Elementor element */
.elementor-element.elementor-element-d67c44c.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
padding: 0 20px;
}
/* Adjust button group layout for smaller screens */
@media (max-width: 856px) {
.tutor-dc-button-group.tutor-mt-72 {
position: static;
display: flex;
gap: 10px;
margin: 10px;
}
}
/* Hide meta details for search results in RTL layout */
body.rtl.archive.search.search-results.post-type-archive.post-type-archive-courses.tutor-lms.tutor-frontend.hfeed.elementor-default.elementor-kit-9 .tutor-meta.tutor-mt-auto {
display: none;
}
/* Hide course instructor details */
.tutor-course-details-instructors {
display: none;
}
/* Hide specific SVG icons */
svg#tutor_svg_font_id {
display: none;
}
/* Adjust grid layout for section #block-6 on larger screens */
@media (min-width: 992px) {
section#block-6 div {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
/* Hide purchase mark icons */
span.tutor-fs-6.tutor-color-success.tutor-icon-purchase-mark.tutor-mr-8 {
display: none;
}
/* Style primary buttons */
.tutor-btn-primary {
background-color: #8cc4d8 !important;
color: white !important;
border-color: var(--tutor-color-white);
transition: all 0.3s ease !important;
}
/* Add hover effect for primary buttons */
.tutor-btn-primary:hover {
transform: translateY(-2px);
}
/* Remove bottom padding for specific screen width */
@media (max-width: 767px) {
.tutor-screen-frontend-dashboard {
padding-bottom: 0;
}
}
/* Adjust right padding for specific section */
.tutor-mt-80.tutor-pb-80 {
padding-right: 20px;
}
/* Reset margins for course topic footer */
.tutor-course-topic-single-footer.tutor-px-32.tutor-py-12.tutor-mt-auto {
margin-bottom: auto;
margin-top: unset;
}
header.header-transparent .navbar.navbar-left .navbar-brand {
visibility: hidden;
}
li.tutor-dashboard-menu-item.tutor-dashboard-menu-purchase_history {
display: none;
}
.tutor-submenu-links ul .profile-name {
text-align: right;
}
.tutor-password-strength-hint .indicator {
max-width:100%;
}
.text.tutor-fs-7.tutor-color-muted {
display: none !important;
}
.llar_notification_login_page {
top: 85% !important;
}
/* تعديل الازرار للتسجيل في الدورات */
.tutor-btn-primary, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm{
color: #fff !important;
font-weight: 400 !important;
display: inline-block !important;
border-radius: 6px !important;
background-color: #06605e !important;
transition: all 0.3s ease-in-out !important;
}
.tutor-btn-primary:hover, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block:hover, a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm:hover {
background-color: #91dad8 !important;
color: #000 !important;
}
.tutor-avatar {
box-shadow: 0px 0px 0px 1px #d3d3d3;
}
.tutor-avatar-text {
background-color: #06605ec9;
}
.tutor-btn-secondary:hover, .tutor-btn-secondary:focus, .tutor-btn-secondary:active {
color: #fff;
background-color: #06605e;
}
/تعديل الدروس/
.lesson-container {
background: white;
border-radius: 12px;
padding: 20px;
margin: 15px;
box-shadow: 0 2px 4px #3;
max-width: 600px;
border: 1px solid #eee;
}
.lesson-header {
text-align: center;
margin-bottom: 20px;
}
.lesson-title, .lesson-footer {
color: #666;
font-size: 14px;
margin-bottom: 5px;
}
.lesson-main-title, .lesson-subtitle {
color: #4d9aaa;
margin: 10px 0;
font-size: 18px;
font-weight: bold;
}
.lesson-footer {
margin-top: 5px;
}
.lesson-subtitle {
margin-top: 10px;
}
a#button-inside-lesson, .download-button {
padding: 12px 15px;
background-color: #06605e;
border-radius: 8px;
text-decoration: none;
color: white;
text-align: center;
display: block;
transition: all 0.3s ease-in-out;
}
a#button-inside-lesson:hover, .download-button:hover {
color: #000;
background-color: #91dad8;
transform: translateY(-2px);
}
a.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm:hover{
transform: translatey(-2px);
}
/تاثير شريط التقدم/
.tutor-progress-bar {
position: relative;
height: 20px;
background: #f0f0f0;
border-radius: 10px;
overflow: hidden;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}
.tutor-progress-value {
position: absolute;
width: var(--tutor-progress-value);
height: 100%;
background: linear-gradient(45deg, #2196F3, #00BCD4);
border-radius: 10px;
animation: shimmer 2s infinite linear;
background-size: 200% 100%;
}
.tutor-progress-value::after {
content: attr(data-value);
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
color: white;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
/* تأثير التموج */
@Keyframes shimmer {
100% {
background-position: 200% 0;
}
0% {
background-position: -200% 0;
}
}
/* إضافة تأثير عند التحويم */
.tutor-progress-bar:hover .tutor-progress-value {
filter: brightness(1.1);
transition: all 0.3s ease;
}
/* تأثير النبض */
@Keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.4);
}
70% {
box-shadow: 0 0 0 10px rgba(33, 150, 243, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(33, 150, 243, 0);
}
}
.tutor-progress-bar {
margin-top: 12px;
animation: pulse 2s infinite;
}
@media (max-width: 480px) {
body.rtl .tutor-toast-parent {
right: auto;
left: auto;
}
}
.tutor-review-summary .tutor-progress-bar {
animation:none;
}
.tutor-review-summary .tutor-progress-value{
background: #ed9700;
animation:none;
}
@media (min-width: 575px) {
.tutor-table tr th:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
text-align: right;
}
.tutor-table tr td:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
text-align: right;
}
}
@media only screen and (max-width: 575px) {
.tutor-table-mobile td[data-title] {
justify-items: end;
}
}
a.tutor-btn-primary {
padding: 6px 15px;
}
.FiqhAsSiyaam1446__container {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
padding: 20px;
background-color: #f8f9fa;
border-radius: 12px;
max-width: 600px;
margin: 0 auto;
}
.FiqhAsSiyaam1446__audio-player {
width: 100%;
margin-bottom: 10px;
}
/* تحسين مظهر مشغل WordPress الافتراضي */
.FiqhAsSiyaam1446__audio-player .wp-audio-shortcode {
width: 100% !important;
margin: 0;
}
.FiqhAsSiyaam1446__buttons {
display: flex;
gap: 20px;
justify-content: center;
width: 100%;
}
.FiqhAsSiyaam1446__download-btn {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
border-radius: 8px;
text-decoration: none;
font-family: 'Arial', sans-serif;
font-size: 16px;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.FiqhAsSiyaam1446__pdf-btn {
background-color: #e74c3c;
color: white;
}
.FiqhAsSiyaam1446__audio-btn {
background-color: #3498db;
color: white;
}
.FiqhAsSiyaam1446__download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.FiqhAsSiyaam1446__icons {
font-size: 20px;
}
.FiqhAsSiyaam1446__text {
font-weight: bold;
}
body.rtl.archive.tax-course-category.term-64.logged-in.tutor-lms.hfeed.elementor-default.elementor-kit-9 .tutor-meta.tutor-mt-auto {
display: none;
}
@media (max-width: 991px) {
.navbar-nav.active {
right: -300px;
transform: translateX(-300px);
}
}
@media (max-width: 991px) {
.navbar-nav {
left: -300px;
transform: translateX(-300px);
}
}
/* .nav-close .btn-nav-close .close-btn {
transform: rotate(45deg);
margin-top: -4px;
margin-left: 4px;
} */
.nav-close {
margin-right: auto;
margin-top: 10px;
margin-left: unset;
display: none;
}
.rc-info-container {
direction: rtl;
line-height: 1.6;
color: #333;
margin: 1rem 0;
}
.rc-info-container > div {
margin-bottom: 1rem;
}
.rc-info-container p {
margin: 0.3rem 0;
}
.rc-links {
margin-top: 0.3rem;
}
.rc-link {
color: #3E64DE;
text-decoration: none;
margin-left: 1rem;
}
.rc-link:hover {
color: #395BCA;
text-decoration: underline;
}
.rc-material {
margin-bottom: 0.8rem;
}
section.footer-widgets .container {
border-bottom: none;
}
.footer-wrapper {
background: url(https://test.a-alqasim.com/wp-content/uploads/2025/02/خلفية2-e1740376641303.jpg);
background-size: cover;
background-position: bottom;
}
body {
background: linear-gradient(
135deg,
#ffffff 0%,
#f8f9ff 25%,
#f0f3ff 50%,
#f8f9ff 75%,
#ffffff 100%
);
background-attachment: fixed;
position: relative;
overflow-x: hidden;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-image:
radial-gradient(circle at 20% 20%, rgba(62, 100, 222, 0.03) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(57, 91, 202, 0.03) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(62, 100, 222, 0.02) 0%, transparent 70%);
z-index: -1;
}
/* Optional subtle pattern overlay */
body::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zM22.344 0L13.858 8.485 15.272 9.9l9.9-9.9h-2.828zM32 0l-9.9 9.9 1.414 1.414L33.414 1.414 32 0zm-3.172 0L19.757 9.071l1.415 1.414L31.243 0h-2.415zm-5.656 0L15.1 8.071l1.414 1.414L26.586 0h-3.414zm8.486 0L23.1 8.071l1.414 1.414L34.586 0h-3.414zM32 0l-3.657 3.657 1.414 1.414L33.414 1.414 32 0zm-6.485 0L21.9 3.657l1.414 1.414L27.886 0h-2.371zm2.828 0l-2.828 2.828 1.414 1.414L30.414 1.414 28.343 0zm6.485 0l-2.828 2.828 1.414 1.414L36.9 0h-2.072zm-9.9 0l-.828.828L25.272 2.243 28.2 0h-3.342zM32 0l-.828.828L32.414 2.243 35.343 0H32zm3.657 0l-.828.828L36.1 2.243 39.03 0h-3.373zm-8.486 0L26.343.828 27.8 2.243 30.686 0h-3.515zm3.515 0l-.828.828 1.414 1.415L34.828 0h-4.142z' fill='%233E64DE' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
z-index: -1;
}
@media (max-width: 1199px) {
.tutor-course-topic-single-header .tutor-icon-previous{
}
.tutor-quiz-btn-group.tutor-mt-60.tutor-d-flex .tutor-icon-previous.tutor-mr-8 {
.rtl .tutor-header-profile-menu-items .tutor-header-submenu {
position: absolute;
z-index: 999;
width: 698px;
top: 50px;
right: -150%;
}
@media (max-width: 767px) {
.rtl .tutor-header-profile-menu-items .tutor-header-submenu {
top: 50px;
right: -15px;
padding-top: 20px;
}
}
span.FiqhAsSiyaam1446__icon {
display: none;
}
.tutor-course-topic-single-footer.tutor-px-32.tutor-py-12.tutor-mt-auto {
display: none !important;
}
button.tutor-btn.tutor-btn-ghost.tutor-btn-md.skip-quiz-btn.tutor-ml-24 {
display: none;
}
@media (min-width: 1200px) {
div#progres-in-course-page {
display: none;
}
}
@media (max-width: 1199px) {
aside#progres-in-course-page-aside {
display:none;
}
}
.tutor-certificate-info-table {
min-width: 0;
}
.tutor-certificate-info-table th, .tutor-certificate-info-table td
{
text-align: right !important;
}
.tutor-mb-20 {
line-height: 1.4;
}
/* .tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper.tutor-quiz-sidebar {
display: none;
}
.tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
display: none;
}
.tutor-course-topic-single-header a.tutor-iconic-btn {
display: none;
}
*/
@media (max-width: 767px) {
.navbar-nav .menu-item a {
font-size: large;
font-weight: bold;
}
}
.gt_switcher-popup {
display: flex;
align-items: center;
text-decoration: none;
color: #0044cc;
font-weight: bold;
padding: 8px;
border: 1px solid transparent;
border-radius: 5px;
background-color: #f4f4f4;
cursor: pointer;
}
.gt_switcher-popup:hover {
background-color: #27c2c4;
color: #ffffff;
}
.gt_languages a {
display: flex;
align-items: center;
color: #333333;
margin: auto;
text-decoration: none;
}
a.glink img {
margin-right: 5px;
width: revert-layer;
}
.gt_languages a:hover {
color: #27c2c4;
}
روابط سريعة
التواصل الاجتماعي
/(trident|msie)/i.test(navigator.userAgent) && document.getElementById && window.addEventListener && window
<script type="module"> /* e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf(){i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://sharh.qm.edu.sa/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script>.addEventListener("hashchange", function() {
var t, e = location.hash.substring(1);
/^[A-z0-9_-]+$/.test(e) && (t = document.getElementById(e)) && (/^(?:a|select|input|button|textarea)$/i
.test(t.tagName) || (t.tabIndex = -1), t.focus())
}, !1);
</script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://sharh.qm.edu.sa/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
github-actions commentedon Jul 13, 2026
To stay organized issues are automatically closed after 60 days of no activity. If the issue is still relevant please open a new one.