Project-Pro/adsPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve layout responsiveness and clean up SCSS formatting

Browse Source 
- Set max-width and overflow properties for body and campaigns-page to enhance responsiveness.
- Adjust flex properties and min-width for filter groups to ensure proper layout.
- Refactor spacing and formatting for better readability in various sections.
- Hide scrollbars for specific elements to improve aesthetics.
- Ensure consistent formatting for nested selectors and properties.
This commit is contained in:
Jacek Pyziak
2026-02-19 00:47:22 +01:00
parent a444fe4aa6
commit ed59af4a5a
4 changed files with 281 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
.vscode/ftp-kr.sync.cache.json vendored
View File

@@ -1,6 +1,12 @@
{
"ftp://host700513.hostido.net.pl@www@adspro.projectpro.pl": {
"public_html": {
"AGENTS.md": {
"type": "-",
"size": 2540,
"lmtime": 1771369610845,
"modified": false
},
"ajax.php": {
"type": "-",
"size": 1208,
@@ -23,32 +29,38 @@
},
"class.Api.php": {
"type": "-",
"size": 11235,
"lmtime": 1744498273470,
"size": 19358,
"lmtime": 1771373591501,
"modified": false
},
"class.Campaigns.php": {
"type": "-",
"size": 3809,
"size": 4683,
"lmtime": 1769729268048,
"modified": true
},
"class.CampaignTerms.php": {
"type": "-",
"size": 21563,
"lmtime": 1771446539471,
"modified": false
},
"class.Clients.php": {
"type": "-",
"size": 1443,
"lmtime": 0,
"size": 1603,
"lmtime": 1771446539472,
"modified": false
},
"class.Cron.php": {
"type": "-",
"size": 27380,
"lmtime": 1764273350638,
"modified": true
"size": 119789,
"lmtime": 1771446788002,
"modified": false
},
"class.Products.php": {
"type": "-",
"size": 18357,
"lmtime": 1771198824191,
"size": 39363,
"lmtime": 1771446539476,
"modified": false
},
"class.Site.php": {
@@ -59,16 +71,22 @@
},
"class.Users.php": {
"type": "-",
"size": 4713,
"lmtime": 1771198781919,
"size": 16302,
"lmtime": 1771446539477,
"modified": false
},
"class.XmlFiles.php": {
"type": "-",
"size": 856,
"lmtime": 1771446539477,
"modified": false
}
},
"factory": {
"class.Campaigns.php": {
"type": "-",
"size": 1649,
"lmtime": 1769729268049,
"size": 10634,
"lmtime": 1771446539478,
"modified": false
},
"class.Clients.php": {
@@ -85,8 +103,8 @@
},
"class.Products.php": {
"type": "-",
"size": 7481,
"lmtime": 1771170224109,
"size": 27192,
"lmtime": 1771446539479,
"modified": false
},
"class.Users.php": {
@@ -94,25 +112,39 @@
"size": 1709,
"lmtime": 0,
"modified": false
},
"class.XmlFiles.php": {
"type": "-",
"size": 1453,
"lmtime": 1771446539480,
"modified": false
}
},
"services": {
"class.ClaudeApi.php": {
"type": "-",
"size": 12510,
"lmtime": 1771446539481,
"modified": false
},
"class.GoogleAdsApi.php": {
"type": "-",
"size": 8751,
"lmtime": 0,
"size": 99181,
"lmtime": 1771446539482,
"modified": false
},
"class.OpenAiApi.php": {
"type": "-",
"size": 12013,
"lmtime": 1771171891986,
"size": 18739,
"lmtime": 1771446539484,
"modified": false
},
"class.ClaudeApi.php": {
}
},
"view": {
"class.Users.php": {
"type": "-",
"size": 10410,
"lmtime": 1771198088093,
"size": 415,
"lmtime": 1771446539484,
"modified": false
}
}
@@ -133,21 +165,21 @@
},
"config.php": {
"type": "-",
"size": 357,
"lmtime": 1740740280282,
"size": 571,
"lmtime": 1771449735250,
"modified": false
},
"cron.php": {
"type": "-",
"size": 1777,
"lmtime": 0,
"size": 1977,
"lmtime": 1771446539486,
"modified": false
},
"docs": {
"database.sql": {
"type": "-",
"size": 15919,
"lmtime": 0,
"size": 17320,
"lmtime": 1771446539487,
"modified": false
},
"google_ads_api_design_doc.doc": {
@@ -162,19 +194,25 @@
"lmtime": 0,
"modified": false
},
"memory.md": {
"type": "-",
"size": 2680,
"lmtime": 1771446539488,
"modified": false
},
"PLAN.md": {
"type": "-",
"size": 11544,
"lmtime": 0,
"modified": false
},
"memory.md": {
"type": "-",
"size": 1697,
"lmtime": 1771368520970,
"modified": false
}
},
".gitignore": {
"type": "-",
"size": 16,
"lmtime": 1771368579889,
"modified": false
},
".htaccess": {
"type": "-",
"size": 601,
@@ -183,8 +221,8 @@
},
"index.php": {
"type": "-",
"size": 3824,
"lmtime": 1771198110809,
"size": 3891,
"lmtime": 1771446539489,
"modified": false
},
"install.php": {
@@ -202,40 +240,46 @@
},
"style.css": {
"type": "-",
"size": 35676,
"lmtime": 1771367686453,
"size": 48423,
"lmtime": 1771446539490,
"modified": false
},
"style.css.map": {
"type": "-",
"size": 8131,
"lmtime": 1771367686452,
"size": 12494,
"lmtime": 1771446539491,
"modified": false
},
"style-old.css": {
"type": "-",
"size": 19795,
"lmtime": 0,
"size": 19791,
"lmtime": 1771370224943,
"modified": false
},
"style-old.scss": {
"type": "-",
"size": 25910,
"lmtime": 0,
"size": 25906,
"lmtime": 1771370224941,
"modified": false
},
"style.scss": {
"type": "-",
"size": 38739,
"lmtime": 1771367615645,
"size": 59257,
"lmtime": 1771446539492,
"modified": false
}
},
"libraries": {
"adspro-dialog.css": {
"type": "-",
"size": 6932,
"lmtime": 1771446539493,
"modified": false
},
"adspro-dialog.js": {
"type": "-",
"size": 9505,
"lmtime": 1771367545298,
"size": 10747,
"lmtime": 1771446539494,
"modified": false
},
"bootstrap": {},
@@ -294,32 +338,74 @@
"size": 48385,
"lmtime": 0,
"modified": false
},
"adspro-dialog.css": {
"type": "-",
"size": 6801,
"lmtime": 1771367581706,
"modified": false
}
},
"migrations": {
"001_google_ads_settings.sql": {
"type": "-",
"size": 889,
"size": 1407,
"lmtime": 0,
"modified": true
},
"002_products_data_url.sql": {
"type": "-",
"size": 467,
"lmtime": 1771171362268,
"modified": true
},
"003_campaign_ad_groups_and_terms.sql": {
"type": "-",
"size": 3864,
"lmtime": 0,
"modified": false
},
"004_campaigns_performance_max_flag.sql": {
"type": "-",
"size": 543,
"lmtime": 1771372240963,
"modified": false
},
"005_drop_is_performance_max_column.sql": {
"type": "-",
"size": 505,
"lmtime": 1771372246305,
"modified": false
},
"006_products_scope_dimensions.sql": {
"type": "-",
"size": 6350,
"lmtime": 1771373537593,
"modified": false
},
"007_clients_merchant_account_id.sql": {
"type": "-",
"size": 123,
"lmtime": 1771446539495,
"modified": false
},
"008_products_keyword_planner_terms.sql": {
"type": "-",
"size": 764,
"lmtime": 1771446539495,
"modified": false
},
"009_products_merchant_sync_log.sql": {
"type": "-",
"size": 880,
"lmtime": 1771446539496,
"modified": false
},
"010_campaign_keywords.sql": {
"type": "-",
"size": 1278,
"lmtime": 1771446539497,
"modified": false
},
"demo_data.sql": {
"type": "-",
"size": 18951,
"size": 22351,
"lmtime": 0,
"modified": false
},
"002_products_data_url.sql": {
"type": "-",
"size": 86,
"lmtime": 1771171362268,
"modified": false
"modified": true
}
},
"robots.txt": {
@@ -329,45 +415,64 @@
"modified": false
},
"templates": {
"allegro": {},
"campaigns": {
"main_view.php": {
"type": "-",
"size": 12379,
"lmtime": 1771371901368,
"modified": false
}
},
"campaign_terms": {
"main_view.php": {
"type": "-",
"size": 81281,
"lmtime": 1771446539498,
"modified": false
}
},
"clients": {
"main_view.php": {
"type": "-",
"size": 7024,
"lmtime": 1771446539499,
"modified": false
}
},
"cron": {},
"html": {},
"products": {
"main_view.php": {
"type": "-",
"size": 23413,
"lmtime": 1771198812392,
"size": 49238,
"lmtime": 1771446539500,
"modified": false
},
"product_history.php": {
"type": "-",
"size": 12423,
"lmtime": 1769467103988,
"size": 13302,
"lmtime": 1771446539501,
"modified": false
}
},
"site": {
"layout-cron.php": {
"type": "-",
"size": 5764,
"lmtime": 1771367592957,
"size": 5763,
"lmtime": 1771370224949,
"modified": false
},
"layout-logged.php": {
"type": "-",
"size": 7746,
"lmtime": 1771367592216,
"size": 8625,
"lmtime": 1771446539502,
"modified": false
},
"layout-unlogged.php": {
"type": "-",
"size": 2024,
"lmtime": 0,
"modified": true
}
},
"campaigns": {
"main_view.php": {
"type": "-",
"size": 11584,
"lmtime": 1769729268050,
"size": 2023,
"lmtime": 1771370224947,
"modified": false
}
},
@@ -380,30 +485,43 @@
},
"settings.php": {
"type": "-",
"size": 11754,
"lmtime": 1771198773079,
"size": 21626,
"lmtime": 1771446539503,
"modified": false
}
},
"campaign_terms": {
"xml_files": {
"main_view.php": {
"type": "-",
"size": 25469,
"lmtime": 1771367807171,
"size": 2849,
"lmtime": 1771446539504,
"modified": false
}
}
},
"tmp": {},
"tmp": {
"debug_products_urls.php": {
"type": "-",
"size": 2766,
"lmtime": 1771446539505,
"modified": false
},
"products_data_save.txt": {
"type": "-",
"size": 46550,
"lmtime": 0,
"modified": false
}
},
"TODO.md": {
"type": "-",
"size": 0,
"lmtime": 1771446539470,
"modified": false
},
"tools": {},
"upload": {},
"xml": {},
".gitignore": {
"type": "-",
"size": 16,
"lmtime": 1771368579889,
"modified": false
}
"xml": {}
}
},
"$version": 1

2
layout/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style.css.map
View File

File diff suppressed because one or more lines are too long

83
layout/style.scss
View File

@@ -37,6 +37,8 @@ body {
font-size: 14px;
color: $cText;
background: $cContentBg;
max-width: 100vw;
overflow: hidden;
}
.hide {
@@ -474,7 +476,7 @@ body.logged {
}
}
&.active > .nav-group-label {
&.active>.nav-group-label {
color: $cWhite;
background: rgba($cPrimary, 0.12);
border-left-color: $cPrimary;
@@ -993,7 +995,7 @@ table {
.settings-toggle-checkbox {
display: none;
& + .settings-toggle-switch {
&+.settings-toggle-switch {
display: inline-block;
position: relative;
width: 44px;
@@ -1016,7 +1018,7 @@ table {
}
}
&:checked + .settings-toggle-switch {
&:checked+.settings-toggle-switch {
background: #22C55E;
&::after {
@@ -1205,6 +1207,10 @@ table {
// CAMPAIGNS PAGE
// ===========================
.campaigns-page {
max-width: 100%;
overflow-x: hidden;
width: 100%;
.campaigns-header {
display: flex;
justify-content: space-between;
@@ -1226,11 +1232,13 @@ table {
.campaigns-filters {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
.filter-group {
flex: 1;
min-width: 0;
label {
display: block;
@@ -1311,13 +1319,25 @@ table {
padding: 20px;
margin-bottom: 20px;
min-height: 350px;
overflow: hidden;
#container {
max-width: 100%;
}
}
.campaigns-table-wrap {
background: $cWhite;
border-radius: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
overflow: hidden;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
max-width: 100%;
&::-webkit-scrollbar {
display: none;
}
.table {
margin: 0;
@@ -1488,7 +1508,9 @@ table {
color: #8899A6;
margin-bottom: 6px;
i { margin-right: 4px; }
i {
margin-right: 4px;
}
}
.form-control {
@@ -1519,9 +1541,17 @@ table {
&.filter-group-client,
&.filter-group-campaign,
&.filter-group-ad-group { flex: 1 1 260px; }
&.filter-group-roas { flex: 0 0 200px; }
&.filter-group-columns { flex: 0 0 240px; }
&.filter-group-ad-group {
flex: 1 1 260px;
}
&.filter-group-roas {
flex: 0 0 200px;
}
&.filter-group-columns {
flex: 0 0 240px;
}
}
}
@@ -1714,7 +1744,9 @@ table {
align-items: center;
margin-bottom: 4px;
label { margin: 0; }
label {
margin: 0;
}
}
.desc-tabs {
@@ -1735,12 +1767,14 @@ table {
color: #666;
transition: all .15s ease;
i { margin-right: 4px; }
i {
margin-right: 4px;
}
&.active {
background: #fff;
color: #333;
box-shadow: 0 1px 3px rgba(0,0,0,.12);
box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
font-weight: 500;
}
@@ -1755,9 +1789,21 @@ table {
}
.desc-preview {
ul, ol { margin: 6px 0; padding-left: 20px; }
li { margin-bottom: 3px; }
b, strong { font-weight: 600; }
ul,
ol {
margin: 6px 0;
padding-left: 20px;
}
li {
margin-bottom: 3px;
}
b,
strong {
font-weight: 600;
}
}
.input-with-ai {
@@ -2144,7 +2190,7 @@ table#products {
background: #E9EEF5;
overflow: hidden;
> span {
>span {
display: block;
height: 100%;
background: linear-gradient(90deg, #5A9BFF 0%, #2E6BDF 100%);
@@ -2453,7 +2499,7 @@ table#products {
}
}
table.campaigns-extra-table > thead > tr > th {
table.campaigns-extra-table>thead>tr>th {
position: sticky;
top: 0;
z-index: 2;
@@ -2941,6 +2987,7 @@ table#products {
}
#products {
th:last-child,
td:last-child {
white-space: nowrap;
@@ -2967,7 +3014,7 @@ table#products {
}
}
.products-page table#products > thead > tr > th {
.products-page table#products>thead>tr>th {
position: sticky;
top: 0;
z-index: 2;
@@ -3030,4 +3077,4 @@ table#products {
content: '\25BC';
color: #FFFFFF;
background: #2563EB;
}
}